HTML5 Embed Video Converted by Any Video Converter

The newest generation of mainstream internet browsers all support native HTML 5 video playback without the need for third-party plugins like Adobe Flash.

Please refer to this link http://en.wikipedia.org/wiki/HTML5_video for the details.

Once the videos are converted to HTML5 compatible video files, you can embed it into your web pages. However, different browsers support different video codecs. Currently, Ogg Theora, H.264 and WEBM/VP8 are used in the different html 5

  Video Formats
Browsers Ogg Theora H.264 WebM/VP8
IE 7/8 No <video> support No <video> support No <video> support
IE 9 Not Supported Supported Supported only if user installs WebM for IE9
Chrome Supported Not Supported Supported
Firefox Supported Not Supported Supported
Safari Not Supported Supported Not Supported
Opera Supported Not Supported Supported

So if you want your website visitors can view the videos normally on all the browsers (ignoring IE 7/8) mentioned above, we recommend you encode your media into all HTML 5 compatible videos which are H.264, Ogg Theora and WebM/VP8. And HTML 5 videos can be viewed on both Windows and Mac platforms.

To embed video in the page, use the following HTML code:

In the example above, video width is set to 320 pixels and video height is set to 240 pixels. controls="controls" means that the video controller bar will be displayed when mouse hovers on the video, if you don't need it, simply remove it. autoplay="autoplay" means that the video will be automatically played, if you don't want this, remove it. poster="example.jpg" means that when the video is not available, a picture named "example.jpg" will be displayed in the video area and this helps to avoid displaying a blank area. Please replace the example video (example.mp4, example.webm, example.ogv) and example picture (example.jpg) by your videos and pay attention to source path. There are some more parameters like preload, loop, error, networkState, currentSrc, buffered, readyState, etc. in HTML5's html code, please use search engine for more information.

Safari and IE9 will use the .mp4 file, Firefox, Chrome and Opera will skip to the .webm or .ogv file and play that instead. If the browser does not support the

Note that the web server, hosting the media files, must be configured to reply with the correct MIME content types when the files are requested by the browser:

Extension: .mp4
Type: video/mp4

Extension: .webm
Type: video/webm

Extension: .ogv
Type: video/ogg

Any Video Converter supports all three kinds of HTML 5 compatible video formats. Open Any Video Converter, in output profile list select HTML5 Embed Video, then convert your video files to H.264(*.mp4), WebM(*.webm) and OGV(*.ogv). Click Output Folder button to get the output videos.