How To Add Videos To WordPress Posts And Pages
Videos can be a powerful way to market and promote your products or services online. Adding videos can also help to liven your site and make your content more attractive and entertaining, keeping visitors longer on your site and helping to convert more prospects into sales.
With WordPress, you can easily integrate video into your content. You can add videos to your posts and pages, and your sidebar menu!
WordPress offers users a range of options for embedding, integrating and streaming videos on your site. For example, you can embed videos directly from YouTube or another video hosting site, stream videos from a remote server location (e.g. Amazon S3), and control how your videos play and display to visitors.
In this tutorial you are going to learn all about adding video to your posts and pages, as well as explore some of the different options you have in terms of using video-enabled themes, WordPress-compatible video players and WordPress video plugins.
Watch the video below and then complete the step-by-step tutorial to learn how to add videos to your posts and pages …
How To Add Videos Into Posts And Pages: Step-By-Step Tutorial
In WordPress Version 3.6, WordPress introduced the video short code …
To embed a video into a post or page, just add the video URL in the video short code as shown below, then publish…
You can add additional information such as video dimensions and fallbacks for other HTML5-supported filetypes ….
The WordPress Media Library lets you add video files to your site.
From version 3.6, the option to embed a video has also been added to the Media Library …
To embed a video into your post, select Upload Files (1) and select your video file (2) …
Your video will then begin uploading …
Once your video has uploaded, select the video you want to insert into your post or page (optional: add a caption or description if you want) …
Choose Embed Media Player from the “Embed or Link:” drop-down menu and click on the Insert into post button …
The video will be embedded into your post using the Video shortcode …
Just publish your post or page and the video will display in a native player, ready for your site visitors to watch …
Note: If you are using an earlier version of WordPress (e.g. 3.5.x), then a link to the media file or an attachment page will be inserted into your post, not the video itself …
If someone clicks on the video link as shown above, they will probably not see the video play. This is because in versions of WordPress earlier than version 3.6, WordPress did not provide a built-in video player, only links and the capability to upload files.
Note: This method will work in earlier version of WordPress, however, if you use “QuickTime” videos …
If you want a video to play on your posts or pages without using the default WordPress video player, then use one of the methods described below to manually embed video code, or use an external video player, or a video player plugin.
How To Add Videos To WordPress Posts And Pages
Adding Embed Video Code Manually
For this example, we’ll embed a video from YouTube.com.
To embed a video from YouTube into a post or page, go to the page containing the video you want to add to your site and click on the Share link …
After clicking on the Share link (1), click on Embed (2). Next, select the video size from the Video size drop-down menu (3) and ensure that you have selected any other options you want for your video (see YouTube for help with this). Your settings will be reflected in the Embed code (4)…
Select the embed code and copy it to your clipboard…
Switch over to your WordPress site, and open the post or page where you intend to insert the video by clicking Edit…
Next, switch to the Visual Text Editor, and add a string of “placeholder” characters (e.g. @@@@@) to mark the location where you want the video to be inserted…
After inserting the string of characters to mark the location of where the video will be inserted into your content, switch to the Text editor and locate and highlight your video placement “markers”…
Note: make sure that you select all of the line where you have added your markers. The video URL must be placed in its own separate line with no surrounding characters. This also includes no hyperlinks!
Paste the embed code stored in your clipboard over the highlighted characters…
Your embedded video will display on your site after you publish your post or page …
Note: If you switch from the Text editor back to the Visual editor, you will see a placeholder image where your video has been embedded…
Useful Tip: If you plan to use a video in multiple posts or pages on your site, then use the method described in this tutorial to insert a short code into the content. This way, you will be able to control and edit your video codes from one location only, and it will then update all instances of your videos throughout your entire site.
***
As mentioned earlier, WordPress does not come with a built-in video player. If you want a video to play on your posts or pages, therefore, then you will need to manually embed video code as we’ve just shown you above, or use a video-enabled theme, an external video player, or a video player plugin.
So, let’s take a look now at some of these methods:
How To Add Videos To Posts And Pages
Using Video-Enabled Themes
Some WordPress themes come with a built-in video player.
For example, with the OptimizePress theme (a popular premium theme with marketers) you can host your video externally (e.g. YouTube, Amazon S3, etc …), and then insert it into your sales, squeeze and membership pages through the theme’s own Video Options section. This section also allows you to specify options for your video, such as video size, video preview image, video auto-play (video starts playing automatically when someone visits your page), whether or not to display the video control bar, add a video download link, choose the colour of the video player, etc….
Some WordPress themes allow you to add videos that display in your site’s sidebar menu, or in a sliding image gallery at the top of your main page. WordPress themes that have been designed to be fully responsive will also resize your videos to fit your visitor’s viewing device (e.g. Smart phone, laptop, tablet, etc….)
Using Video Players With WordPress
In addition to using video-enabled themes, there are also a number of video players that you can use with WordPress to insert and display your videos. Some video players integrate with your WordPress site in the form of plugins, but there are also external video services you can use that allow you to set up a video in an external administration area and then embed it into your WordPress site using the code generated by the software. You then control all of your video settings from the external administration panel and any changes you make there will automatically be reflected in your WordPress site.
External Video Management Services
One video solution that integrates with WordPress and is currently being used by tens of thousands of marketers online is Easy Video Suite:
Easy Video Suite is a complete video marketing solution that lets you create, publish, market and track your videos online. It can be managed from an online administration area, or from your desktop, and includes a number of powerful features that give you full control over your videos …
Here is a screenshot of the software’s admin area …
Once your videos have been created and all of your video settings have been configured, the software outputs code which you then embed into your posts and pages. For more details and a video demo of the software, visit this site: Easy Video Suite.
Another popular software-based solution for adding videos to WordPress is VooPlayer …
VooPlayer is a web-based video player application that allows you to customize, analyze, optimize and publish your videos on your website or blog.
It works with many popular video formats, including .flv, mp4, .m4v, .f4v, .mov, .webm, .ogv as well as YouTube and self-hosted videos and integrates video with the WordPress outputting code which you then embed into your posts and pages.
The software service lets you set up unlimited video players, split-tests and video analytics. Some of its powerful features include:
- Add unlimited clickable text overlays and buttons
- Add opt-in forms inside your videos
- Set up split-tests to see what video performs best
- See average completion rate and exit points (e.g. See who watches the whole video, and at what point of the video they leave)
- Automatically redirect visitors to any URL when they finish watching the video
- Show a clickable image ad when users pause the video
- Set it to auto-pause the video when users leave your page, then continue the video when they return.
- Lock your video content at a particular time and ask viewers to share it on social sites to continue.
VooPlayer is designed to work not only with WordPress (both posts and pages), but also iPhone/iPad and other mobile devices (html5), Aweber and GetResponse, YouTube Video links, Amazon S3, MP4 & FLV, and more.
Here is a screenshot of the admin panel…
VooPlayer is a powerful and affordable alternative to Easy Video Suite. It also includes a WordPress plugin version (see the next section for a list of other WordPress Video Plugins)…
For more details about this video player software, visit their site: VooPlayer
WordPress Video Player Plugins
If you don’t need all of the comprehensive video management features that external video solutions like Easy Video Suite and VooPlayer provide, then you can simply choose to use one of a number of WordPress video player plugins that are available.
Free WordPress Video Player Plugins
Here are some free plugins that make it easy to add videos to your posts and pages:
Viper’s Video Quicktags
This simple plugin lets you insert videos into your posts and pages from various websites such as YouTube, DailyMotion, Vimeo, and more. For a step-by-step tutorial on how to use the Vipers Video plugin, go here: WordPress Plugins – How To Easily Add Videos To WordPress
Video.js – HTML5 Video Player For WordPress
This video plugin for WordPress is built on the Video.js HTML5 video player library. The plugin allows you to embed video in your post or page using HTML5 with Flash fallback support for non-HTML5 browsers.
Stream Video Player
This is a complete video-audio player plugin for WordPress with XML Playlist support and subtitles. It features an easy-to-use tag generator, support for viewing on iOS and Android, support for YouTube and Pseudo-Streaming so you can randomly seek any place of your videos without having to previously load the entire video.
Spider WordPress Video Player
The Spider Video Player is a WordPress video plugin that lets you easily add video to your website, organize videos into playlists and choose a preferred layout for the player. This WordPress Video Player provides a convenient user interface, incorporating all the common features for video players, including video quality selection, sharing, full screen, shuffle etc. Moreover, you have the option of designing different themes for the video player by customizing each feature available. This is an optimal video player solution for your WordPress website, providing effective integration and a high level of customization.
JW Player For Flash & HTML5 Video
This plugin allows for easy customization and embedding of Flash and HTML5 video using the JW Player in your WordPress posts. It provides support for all of the JW Player 6 configuration options, including custom watermarks, HLS/RTMP streaming and VAST/VPAID advertising.
Easy Video Player
The Easy Video Player is a user-friendly WordPress plugin that lets you embed both self-hosted videos or videos that are hosted externally using direct links. This plugin lets you embed MP4 videos into your blog, embed responsive videos for a better user experience while viewing from a mobile device, and embed HTML5 videos which are compatible with all major browsers.
Premium WordPress Video Player Plugins
Here are some premium plugins for adding videos to your site that also offer plugin support:
HTML5 Video Players WordPress Plugin
The HTML5 Video Players WordPress Plugin works on Android and includes 3 types of video players:
- Video Player With Right-Side Playlist
- Video Player With Bottom Playlist
- Video Player Without Playlist
Video Player WordPress Plugin
This WordPress plugin lets you manage the entire video player using a very friendly interface. You’ll be able to customize the player look & feel, playlist and CSS file. The plugin comes in two versions: Right Side playlist and Bottom Playlist.
Some of the plugin features include:
- Support for any type of video file that Flash Player supports: FLV/H.264 encoded video : MP4, M4V, M4A, MOV, Mp4v, F4V, YouTube, RTMP (using FMS or RED5) and RTMP live streaming.
- Ability to play Audio MP3 files.
- Support for Google Analytics
- You can set this player to any size you want, changing the player width, the player height and the playlist width.
- Ability to integrate with your posts and pages using a short code
YouTube Pro
If you want to migrate your videos from YouTube to WordPress, then YouTube Pro is a plugin that lets you upload, edit and delete your videos without leaving your WordPress site. You can also change the appearance of your video player.
Features:
- 1-Click install
- Import your videos from YouTube
- Add new videos and edit your existing videos
- Delete videos from WordPress or YouTube
- Custom player appearance
- Quick video insert into your post using the WordPress “Upload/Insert” feature.
- Use YouTube Pro for your videos and others.
- Update checker
Vimeo Video Player
This WordPress plugin lets you manage the entire video player using a very friendly interface. You’ll be able to customize the player look & feel, playlist and CSS file.
Some of the plugin features include:
- Support for Vimeo videos.
- Support for Google Analytics
- You can set this player to any size you want, changing the player width, the player height and the playlist width.
- Ability to integrate with your posts and pages using a short code
S3 Vault
If you host or share video files on Amazon S3, then this useful video plugin offers a number of great features, including:
- Hotlink Protection: Prevent your Amazon S3 files from being hotlinked
- Expiring URLs: Auto expiring URLs for embedded content each time the page loads.
- Multiple Formats: Embed PDF, ZIP, Audio, Video or any other format your content.
- Video Player: Video Player, Flash Player supports SWF and FLV files.
- Monetization: Display ads on your videos with full HTML capabilities. Include clickable links or banner images which can’t be ignored.
- Unlimited site: Use S3Vault on all of your sites.
Adding Videos To Posts And Pages using oEmbed Technology
Note: This section explains how to add videos to posts and pages using a relatively new technology called oEmbed. Not all videos work with oEmbed, and autoembedding doesn’t seem to work in all situations.
If the video you are trying to add does not display after publishing your page or post, you will see the video URL published on the page instead of the video …
If this happens, then use the alternative methods shown in this tutorial to embed videos into your posts and pages.
***
Oembed – WordPress Autoembedding
WordPress supports autoembedding of videos using a technology called oEmbed.
Wikipedia defines oEmbed as follows:
oEmbed is an open format designed to allow embedding content from a website into another page.
The WordPress Codex explains oEmbed as follows:
All you need to do to embed something into a post or page is to post the URL to it into your content area. Make sure that the URL is on its own line and not hyperlinked (clickable when viewing the post).
The easy embedding feature is mostly powered by oEmbed, a protocol for site A (such as your blog) to ask site B (such as YouTube) for the HTML needed to embed content (such as a video) from site B.
oEmbed was designed to avoid having to copy and paste HTML from the site hosting the media you wish to embed. It supports videos, images, text, and more.
Adding YouTube videos to posts and pages using oEmbed is as easy as copying the video’s URL from your web browser’s address bar …
And then pasting it on a line by itself in your post/page editor …
WordPress takes care of the rest! If oEmbed is allowed (see earlier note about oEmbed), then your video will display when your post or page is published …
For security reasons, WordPress will only allow videos from certain approved sites to be autoembedded into posts and pages. The WordPress oEmbed library currently supports a number of popular video and other media services like YouTube, Vimeo, Viddler, Scribd, DailyMotion, Twitter, etc. You can see the complete list of video sites here:
http://codex.wordpress.org/Embeds
For more information on adding and using YouTube videos on your site, or making customizations to how YouTube videos display on your posts and pages (e.g. how to customize the video’s size and settings) go here:
http://en.support.wordpress.com/videos/youtube/
Congratulations! Now you know how to add videos to your posts and pages.
WordPress is huge and can sometimes be overwhelming about where to start. As you move on to the next Page, you will have a clearer picture of where to start and progress to building a professional WordPress Site.
Related Posts