Embedding Video In Your Site


Popular video/slideshow software and online services include options for embedding video on websites. Start by reading the help/tutorials for these softwares & online video sites, and follow any directions they may have for embedding video (Showit slideshow users click here). If you can’t find any info, you may use this guide for some additional instructions.

There are two kinds of videos you might embed on your site:

Video already somewhere online

Have you already uploaded or otherwise found a video from an online service (like Vimeo, Animoto, or YouTube) you want on your WordPress site? Embedding these kinds of videos is very simple, click here for the proper guide:

Video files not yet uploaded online

As of WordPress 3.6 now upload and embed video in a WordPress post or page without using a plugin. The two basic steps to getting your video from your computer to your site are:

  • Upload your video to your server (mp4′, ‘m4v’, ‘webm’, ‘ogv’, ‘wmv’, or ‘flv’)
  • Embed your video in a Page, a Post, or a widget area on your site

Follow this guide to learn how to perform these two steps by clicking the ‘next’ button below.

Uploading your video

The following support instructions involve the use of an FTP program. If you're not sure what an FTP program is, or how to use it, visit this tutorial before proceeding.

Begin by uploading your video. The easiest way to do this is to upload the video right in your WordPress editor screen, just like any other image file you add to your site. Unfortunately, most servers limit the size that these files can be.  Because of how large video files can be, you are often unable to upload your videos this way.

Even well compressed videos tend to be too large.

Even well compressed videos tend to be too large.

If you have a low file upload limit, we recommend contacting your web host Tech Support to ask if they will increase your maximum upload file size so you can upload videos, but for some servers, this may not be possible. If your upload file size limit can’t be increased enough for your videos, you will need to upload to your web server via FTP.

To keep your videos organized, we recommend going into your “wp-content” > “uploads” folder to creatie a new folder inside called “videos” so you can upload your video file into this folder.

FTP Video Upload

The url for this video would be http://domain_name.com/blog/wp-content/uploads/videos/Emaree-Arrival-Web.mp4

Technically, you can put your video file anywhere on the web, as long as you can access the file using a URL web address. Just remember the location and name of the file you uploaded.  If you put it the “videos” folder inside WordPress like we recommend, then your URL address for your video will be like this:

http://domain_name.com/blog/wp-content/uploads/videos/video_filename.mp4

Of course, this will vary based on your domain name, and whether you use WordPress in a subfolder (like “blog”) or if your setup is in the main folder of your server.

Embedding the video in a post

After you’ve uploaded the video, you now can embed it into your post or page. If you were able to upload it inside WordPress then simply insert the video like an image, and it will be embedded correctly. Older versions of WordPress will show some code, like this:

wp39_video_embed

…while newer versions of WordPress will show a placeholder of your video where it will appear when viewed on your site.

If you have uploaded your video via FTP, then all you really need to do is paste in the url for the video file.

WordPress video embed

That’s right! Just paste the url and you’re set.

Your video will display in your post or page with the default WordPress video styling. Here’s an example of what the video player looks like when viewed by a visitor on your site: WordPress video display

Video Playlists

In the “Add Media” popup, you can click to create a video playlist of any video files you’ve uploaded into WordPress directly – just click the link, select a set of videos, and create your playlist to insert into your post.

wp-video-playlist

Videos that don’t appear in the WordPress Media Library can’t be setup in a playlist this way, e.g. videos uploaded using FTP.

Optional Attributes

Besides height and width, the video shortcode also allows the following attributes:

  • poster (a separate image that serves as the display image before the video play button is clicked)
  • loop
  • autoplay
  • preload.

To have a video start automatically and loop, hover over the video in the post “Visual” editor view, and click the edit link to show a video editor where you can set options: wp39_video_details

Or, alter video shortcode manually in the post “Text” editor view to look like this:

wp39_loop_autoplay_code

Changing video alignment

At the moment, WordPress does not provide alignment options for videos. To change the default left alignment for videos, you must add CSS code into ProPhoto. Go here:
“ProPhoto” > “Customize” > “Advanced” > “Custom Code” > “Custom CSS” 
Below any other code, paste this to center all WordPress video players:
.wp-video { margin-left:auto; margin-right:auto; } /** center WP video players **/
OR, paste this to right-align all WordPress video players:
.wp-video { margin-left:auto; margin-right:0; } /** right-align WP video players **/
This code will apply to all WordPress video players on your site. For Animoto videos, paste this to center:
.article-content iframe[src*="animoto"] { margin-left: auto; margin-right: auto; display: block; } /** center animoto embeds **/
OR, paste this to right-align all Animoto video players:
.article-content iframe[src*="animoto"] { margin-left: auto; margin-right: 0; display: block; } /** right-align animoto embeds **/
That should help.

Need more help?

For more information about both the audio and video shortcodes built into WordPress go here. And for even more advanced discussion see here.

If you have trouble, you might consider uploading videos to another service like YouTube, Vimeo, etc. and embed them as explained in our Manual Video Embedding tutorial.

 WordPress may not show your embedded video when you click “Preview”, so if you have this problem, be sure to publish your page/post as “Private” so only you can see it on your site. 




Popular video/slideshow software and online services include options for embedding video on websites. Start by reading the help/tutorials for these softwares & online video sites, and follow any directions they may have for embedding video (Showit slideshow users click here). If you can’t find any info, you may use this guide for some additional instructions.

There are two kinds of videos you might embed on your site:

Video already somewhere online

Have you already uploaded or otherwise found a video from an online service (like Vimeo, Animoto, or YouTube) you want on your WordPress site? Embedding these kinds of videos is very simple, click here for the proper guide:

Video files not yet uploaded online

You can now upload and embed video in a WordPress post or page without using a plugin. The two basic steps to getting your video from your computer to your site are:

  • Upload your video to your server (mp4′, ‘m4v’, ‘webm’, ‘ogv’, ‘wmv’, or ‘flv’)
  • Embed your video in a Page, a Post, or a widget area on your site

Follow this guide to learn how to perform these two steps by clicking the ‘next’ button below.

Uploading your video

The following support instructions involve the use of an FTP program. If you're not sure what an FTP program is, or how to use it, visit this tutorial before proceeding.

Begin by uploading your video. The easiest way to do this is to upload the video right in your WordPress editor screen, just like any other image file you add to your site. Unfortunately, most servers limit the size that these files can be.  Because of how large video files can be, you are often unable to upload your videos this way.

Even well compressed videos tend to be too large.

Even well compressed videos tend to be too large.

You can try contacting your host and asking if they will increase your maximum upload file size enough so you can upload videos.  But for most folks that won’t be possible; you will need to upload to your web server via FTP. To be able to easily manage your videos, we recommend going into your “wp-content” > “uploads” folder and creating a new folder inside of this one called “videos”. Then use FTP to upload your video file into this folder.

FTP Video Upload

The url for this video would be http://domain_name.com/blog/wp-content/uploads/videos/Emaree-Arrival-Web.mp4

Technically, you can put this video anywhere on the web, as long as you can access the file using a URL web address. Just remember the location and name of the file you uploaded.  If you put it the “videos” folder inside WordPress like we recommend then your pathway will be

http://domain_name.com/wp-content/uploads/videos/video_filename.mp4

Embedding the video in a post

After you’ve uploaded the video, you now can embed it into your post or page. If you were able to upload it inside WordPress then simply insert the video like an image, and it will be embedded correctly. Older versions of WordPress will show some code, like this:

wp39_video_embed

…while newer versions of WordPress will show a placeholder of your video where it will appear when viewed on your site.

If you have uploaded your video via FTP, then all you really need to do is paste in the url for the video file.

WordPress video embed

That’s right! Just paste the url and you’re set.

Your video will display in your post or page with the default WordPress video styling. Here’s an example of what the video player looks like when viewed by a visitor on your site: WordPress video display

Video Playlists

In the “Add Media” popup, you can click to create a video playlist of any video files you’ve uploaded into WordPress directly – just click the link, select a set of videos, and create your playlist to insert into your post.

wp-video-playlist

Videos that don’t appear in the WordPress Media Library can’t be setup in a playlist this way, e.g. videos uploaded using FTP.

Optional Attributes

Besides height and width, the video shortcode also allows the following attributes:

  • poster (a separate image that serves as the display image before the video play button is clicked)
  • loop
  • autoplay
  • preload.

To have a video start automatically and loop, hover over the video in the post “Visual” editor view, and click the edit link to show a video editor where you can set options: wp39_video_details

Or, alter video shortcode manually in the post “Text” editor view to look like this:

wp39_loop_autoplay_code

Need more help?

For more information about both the audio and video shortcodes built into WordPress go here. And for even more advanced discussion see here.

If you have trouble, you might consider uploading videos to another service like YouTube, Vimeo, etc. and embed them as explained in our Manual Video Embedding tutorial.

 WordPress may not show your embedded video when you click “Preview”, so if you have this problem, be sure to publish your page/post as “Private” so only you can see it on your site. 

Embedding the video in a post

After you’ve uploaded the video, you now can embed it into your post or page. If you were able to upload it inside WordPress then simply insert the video like an image, and it will be embedded correctly. Older versions of WordPress will show some code, like this:

wp39_video_embed

…while newer versions of WordPress will show a placeholder of your video where it will appear when viewed on your site.

If you have uploaded your video via FTP, then all you really need to do is paste in the url for the video file.

WordPress video embed

That’s right! Just paste the url and you’re set.

Your video will display in your post or page with the default WordPress video styling. Here’s an example of what the video player looks like when viewed by a visitor on your site: WordPress video display

Video Playlists

In the “Add Media” popup, you can click to create a video playlist of any video files you’ve uploaded into WordPress directly – just click the link, select a set of videos, and create your playlist to insert into your post.

wp-video-playlist

Videos that don’t appear in the WordPress Media Library can’t be setup in a playlist this way, e.g. videos uploaded using FTP.

Optional Attributes

Besides height and width, the video shortcode also allows the following attributes:

  • poster (a separate image that serves as the display image before the video play button is clicked)
  • loop
  • autoplay
  • preload.

To have a video start automatically and loop, hover over the video in the post “Visual” editor view, and click the edit link to show a video editor where you can set options: wp39_video_details

Or, alter video shortcode manually in the post “Text” editor view to look like this:

wp39_loop_autoplay_code

Changing video alignment

At the moment, WordPress does not provide alignment options for videos. To change the default left alignment for videos, you must add CSS code into ProPhoto. Go here:
“ProPhoto” > “Customize” > “Advanced” > “Custom Code” > “Custom CSS” 
Below any other code, paste this to center all WordPress video players:
.wp-video { margin-left:auto; margin-right:auto; } /** center WP video players **/
OR, paste this to right-align all WordPress video players:
.wp-video { margin-left:auto; margin-right:0; } /** right-align WP video players **/
This code will apply to all WordPress video players on your site. For Animoto videos, paste this to center:
.article-content iframe[src*="animoto"] { margin-left: auto; margin-right: auto; display: block; } /** center animoto embeds **/
OR, paste this to right-align all Animoto video players:
.article-content iframe[src*="animoto"] { margin-left: auto; margin-right: 0; display: block; } /** right-align animoto embeds **/
That should help.

Need more help?

For more information about both the audio and video shortcodes built into WordPress go here. And for even more advanced discussion see here.

If you have trouble, you might consider uploading videos to another service like YouTube, Vimeo, etc. and embed them as explained in our Manual Video Embedding tutorial.

 WordPress may not show your embedded video when you click “Preview”, so if you have this problem, be sure to publish your page/post as “Private” so only you can see it on your site. 


Popular video/slideshow software and online services include options for embedding video on websites. Start by reading the help/tutorials for these softwares & online video sites, and follow any directions they may have for embedding video (Showit slideshow users click here). If you can’t find any info, you may use this guide for some additional instructions.

There are two kinds of videos you might embed on your site:

Video already somewhere online

Have you already uploaded or otherwise found a video from an online service (like Vimeo, Animoto, or YouTube) you want on your WordPress site? Embedding these kinds of videos is very simple, click here for the proper guide:

Video files not yet uploaded online

You can now upload and embed video in a WordPress post or page without using a plugin. The two basic steps to getting your video from your computer to your site are:

  • Upload your video to your server (mp4′, ‘m4v’, ‘webm’, ‘ogv’, ‘wmv’, or ‘flv’)
  • Embed your video in a Page, a Post, or a widget area on your site

Follow this guide to learn how to perform these two steps by clicking the ‘next’ button below.

Uploading your video

The following support instructions involve the use of an FTP program. If you're not sure what an FTP program is, or how to use it, visit this tutorial before proceeding.

Begin by uploading your video. The easiest way to do this is to upload the video right in your WordPress editor screen, just like any other image file you add to your site. Unfortunately, most servers limit the size that these files can be.  Because of how large video files can be, you are often unable to upload your videos this way.

Even well compressed videos tend to be too large.

Even well compressed videos tend to be too large.

You can try contacting your host and asking if they will increase your maximum upload file size enough so you can upload videos.  But for most folks that won’t be possible; you will need to upload to your web server via FTP. To be able to easily manage your videos, we recommend going into your “wp-content” > “uploads” folder and creating a new folder inside of this one called “videos”. Then use FTP to upload your video file into this folder.

FTP Video Upload

The url for this video would be http://domain_name.com/blog/wp-content/uploads/videos/Emaree-Arrival-Web.mp4

Technically, you can put this video anywhere on the web, as long as you can access the file using a URL web address. Just remember the location and name of the file you uploaded.  If you put it the “videos” folder inside WordPress like we recommend then your pathway will be

http://domain_name.com/wp-content/uploads/videos/video_filename.mp4

Embedding the video in a post

After you’ve uploaded the video, you now can embed it into your post or page. If you were able to upload it inside WordPress then simply insert the video like an image, and it will be embedded correctly. Older versions of WordPress will show some code, like this:

wp39_video_embed

…while newer versions of WordPress will show a placeholder of your video where it will appear when viewed on your site.

If you have uploaded your video via FTP, then all you really need to do is paste in the url for the video file.

WordPress video embed

That’s right! Just paste the url and you’re set.

Your video will display in your post or page with the default WordPress video styling. Here’s an example of what the video player looks like when viewed by a visitor on your site: WordPress video display

Video Playlists

In the “Add Media” popup, you can click to create a video playlist of any video files you’ve uploaded into WordPress directly – just click the link, select a set of videos, and create your playlist to insert into your post.

wp-video-playlist

Videos that don’t appear in the WordPress Media Library can’t be setup in a playlist this way, e.g. videos uploaded using FTP.

Optional Attributes

Besides height and width, the video shortcode also allows the following attributes:

  • poster (a separate image that serves as the display image before the video play button is clicked)
  • loop
  • autoplay
  • preload.

To have a video start automatically and loop, hover over the video in the post “Visual” editor view, and click the edit link to show a video editor where you can set options: wp39_video_details

Or, alter video shortcode manually in the post “Text” editor view to look like this:

wp39_loop_autoplay_code

Need more help?

For more information about both the audio and video shortcodes built into WordPress go here. And for even more advanced discussion see here.

If you have trouble, you might consider uploading videos to another service like YouTube, Vimeo, etc. and embed them as explained in our Manual Video Embedding tutorial.

 WordPress may not show your embedded video when you click “Preview”, so if you have this problem, be sure to publish your page/post as “Private” so only you can see it on your site. 

If you’ve searched the tutorials and can't find what you need, please contact us. We’re here to help. Contact Us