Convert videos to HTML5 compatible
Mp4 files in one step
Regrettably, we've had to close this service because the more it grew, the more it cost us to run. We won't leave you hanging though, here are some alternatives:
Convert videos up to 16 seconds and 150MB to WebM, Mp4 and Ogg in one step at converterpoint.com
If you're interested in sponsoring the service to keep it running, or taking over the running costs, feel free to email us and we can provide details on traffic and running costs.
(Opens in a new tab and won't interrupt your conversion)
HTML5 video refers to a new HTML element (
<video>) that was added to the HTML specification with HTML5. Browsers that support the HTML5
<video> element can play video files natively, while previously they would have required a plugin like Flash to play video content.
<video poster="path/to/screenshot.jpg"> <source src="path/to/video.webm" type="video/webm"> <source src="path/to/video.ogg" type="video/ogg"> <source src="path/to/video.mp4" type="video/mp4"> </video>
Note: to improve performance, you should always include the
type attribute on your
<source> elements. This allows the browser decide which file to use without first loading each file.
Also see the Mozilla Developer Network's section on attributes you can add to your opening
<video> element does not require multiple video formats, however different browsers (and browser versions) support different video container formats and codecs, so for maximum cross-compatibility we add multiple file formats in their own
<source> elements as children of the
For maximum browser compatibility you should include three formats in your HTML5
Any HTML between your
<video> tags (other than the
<source> elements and optional
<track> elements) will be ignored by browsers that support HTML5 video, however this code will still be processed by older browsers that don't support HTML5 video. That means you can, if you wish, include a Flash fallback for these browsers simply by adding it between the
Here's an example of a HTML5
<video> with a Flash fallback, taken from the Mozilla Developer Network:
<video src="video.ogv" controls> <object data="flvplayer.swf" type="application/x-shockwave-flash"> <param value="flvplayer.swf" name="movie"/> </object> </video>
Depending on the length and quality of your video, you may want more control over your encoding. Elmar Stellnberger lists some of the other ways to encode to HTML5 formats in his Introduction to HTML5 video.