Q: How do I embed video on my website?
A: The answer to this question depends on who owns the video and where it is hosted. If it’s a video you’ve created, and you want to host it on your site, then you’ll want to convert the video file (whether it’s an .mov, .avi, or other format) to flash (.flv) and use a flash player plugin (see below) to embed the video on your blog post or page.
The Adobe Flash Video Encoder (or Adobe Media Encoder) can convert a variety of file formats to flv (Flash Video). MPEG Streamclip is a very powerful video converter program with options for resizing the video, sampling sound, etc. and exporting as flv.
Be sure to resize the video to the size you’ll display it online and use the appropriate video codec (H.264 or On2 VP6). See http://www.adobe.com/devnet/flash/quickstart/video_encoder/ for some useful information about Flash and video encoding even if you’re not using the Adobe Media Encoder.
1. Hana Flv Player (with HTML5 support)
This flash player has elegant, simple skins and many options for how to use them. A “short code” can be used to quickly insert the video into a post or page. Be sure to read the readme file that comes with the plugin and visit the plugin website for more configuration options. It has options for HTML5, but you must encode your video properly in h.264 (and give it mp4 extension).
Download here: http://wordpress.org/extend/plugins/hana-flv-player/
I used the minimal version of the Hana Flv player at AdvertusMedia.com. It works great framed in the div on top of a background image of a television:
2. Video Embed Thumbnail Generator
This plugin makes embedding videos, generating thumbnails, and encoding HTML5-compliant files a little bit easier by adding several fields to any video uploaded to the WordPress Media Library. The shortcode will embed a flexible, responsive HTML5 video player with Flash fallback for unsupported browsers, and a preview image.
3. WordPress Built-In oEmbed
Starting with WordPress 2.9, you can embed videos, images, and other content into your WordPress site by simply copying the URL of the item into your content area. Make sure that the URL is on its own line and not hyperlinked, and WordPress will automatically turn the YouTube link into an embedded video.
Check out this cool video: That was a cool video.