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.