Video codecs for HTML 5
H.254, WebM, Ogg, three codecs are implemented for the <video> tag , but not right on all browsers. Actually it is difficult for browser maker to choose a codec as reported by W3C: Codecs for <video> and <audio>
The free Ogg Theora video format is now recognized by Firefox, Opera and Chrome.
It is not Internet Explorer but can be added by the user by installing a codec on the system. There are also plugins for IE such as that of VLC.
WebM is actually intended to supplant it as offering better picture quality. It is recognized by all browsers but Internet Explorer only if the user installs the codec itself on the computer.
H.264 is recognized by IE, Chrome and Safari, not by Firefox or Opera due to licensing fees.
WebM and Ogg are not subject to any patent in contrast to H.264. In fact Google has signed a agreement with patent holders of H.264 so that no one can be sued (in the U.S.) for patents possibly involved in VP8, the video format of WebM .
Even if the involved firms (mainly Google, Apple and Mozilla) have not reached agreement on a standard video format for HTML 5, ogg is recognized by the video tag and using it is very simple, with a such code:
This is for a file stored locally on the site.
The file extension is sufficient to identify the format. To use a video from a sharing site, add this code:
This better replaces all the code of the flash player and allows to use additional functions with this tag. For example:
<video src="video.ogv" width="600" height="400" autoplay> Your browser does not support the video tag.</ video>
It is always possible to place the code in flash instead of the message between the tags for the browser does not support HTML 5. This can be done dynamically.
The Theora manual provides further details on the use of the format.
Site and tools for Ogg
- Firefogg. Extension for Firefox.
- VLC. The popular reader recognizes the video format Ogg, for desktop use.
- ffmpeg2theora. Converts all formats to OGG.
- AVS Video Editor. Video editing software with support to this format (Windows).
Google is particularly concerned by the codec associated with the video tag as it holds the main platform for video, Youtube. Which has a section for HTML 5 in the subdirectory /html5/.
So it bought the VP8 codec to On2 Technologies in 2010 and made it open source and free to use.
The codec has a Matroska container, such as Ogg has Theora. The codec for <audio> tag is called Vorbis.
Plugins are available for IE and Safari, other browsers do not need that, any more than software like VLC and Miro.
<video src="video.webm"> </ video>
The H.264 format supported by Apple and Microsoft, which are among the beneficiaries, is widely used in the world of video.
But use is not free in most cases which resteint its implementation in browsers.
It is found a slight advantage over WebM for the quality of the image but it would rely to implementation more than the format, and implementation can improve over time.
- H.264 on Firefox. This plugin was created by Microsoft to allow Firefox to use the H264 codec on Windows 7. It avoids Mozilla to pay the license of the codec.