Les codecs videos de HTML 5

H.254, WebM, Ogg, trois codecs sont implémentés pour la balise <video>, mais non directement sur tous les navigateurs.
En fait les éditeurs de navigateurs ont du mal à s'accorder sur un codec, comme le dit le W3C: Codecs for <video> and <audio>.

Le format vidéo libre Ogg Theora est actuellement reconnu par Firefox, Chrome et Opera.
Il ne l'est pas par Internet Explorer mais peut être ajouté grâce à un codec sur le système. Il y a aussi des plugins pour IE, comme celui de VLC.

WebM est en fait destiné à le supplanter car offrant une meilleure qualité d'image. Il est reconnu par tous les navigateurs mais par Internet Explorer seulement si l'utilisateur installe lui-même le codec.

H.254 est reconnu par IE, Chrome et Safari, par par Firefox ni Opera en raison de la licence à payer.

WebM et Ogg ne sont assujettis à aucun brevet contrairement à H.264.

Même si les parties intéressées (principalement Google, Apple et Mozilla) ne sont pas parvenues à un accord sur le format vidéo standard pour HTML 5, ogg est reconnu par la balise video, et il s'utilise très simplement avec ce code:

<video src="video.ogv"></video>

Ceci pour un fichier stocké localement sur le site.

L'extension du fichier suffit à identifier le format. Pour utiliser des vidéos sur un site de partage, se sera ce code:

<video src="http://www.youtube.com/video.ogv"></video>

Cela remplace d'autant mieux le code du lecteur flash, que l'on peut utiliser des fonctions supplémentaire avec cette balise. Par exemple:

<video src="video.ogv" width="600" height="400" autoplay >Votre navigateur ne supporte pas la balise video</video>

Il est toujours possible de placer le code flash à la place du message entre les balises, pour les navigateurs ne supportant pas encore HTML 5. Cela peut être fait de façon dynamique.

Le manuel de Theora fournit d'autres détails sur l'utilisation du format.

Sites et outils pour Ogg

Ces sites hébergent des vidéos au format Ogg: TinyVid.tv, Dailymotion, Archive.org.

Firefogg. Extension for Firefox.
VLC. Le lecteur de vidéo populaire reconnaît le format Ogg, pour un usage local.
ffmpeg22theora. Convertit tous les formats en ogg.
AVS Video Editor. Logiciel d'édition de vidéos reconnaissant sur format (Windows).

Google est spécialement concerné par le codec associé à la balise video puisqu'il détient la principale plateforme de vidéo, Youtube. Laquelle à une section HTML 5 dans le sous-répertoire /html5/.
Il a donc racheté le codec VP8 à On2 Technologies en 2010 et l'a rendu open source et libre d'usage.

WebM à un conteneur Matroska, comme Theora est celui de Ogg. Pour la balise <audio> le codec se nomme Vorbis.

Des plugins WebM sont disponibles pour IE et Safari, les autres navigateurs n'en ayant pas besoin pas plus que les logiciels comme VLC ou Miro.

Exemple de code:

<video src="video.webm"></video>

WebM. Le site.
Youtube et HTML 5. Sur la reconnaissance par les navigateurs.

Le format H.264 soutenu par Apple et Microsoft, qui font partie des ayants droit, est très largement utilisé dans le monde de la vidéo.
Mais son utilisation est payante dans la plupart des cas ce qui a resteint son implémentation dans les navigateurs.

On lui trouve un léger avantage sur WebM quand à la qualité de l'image mais cela tiendrait à son implémentation plus qu'au format, et l'implémentation peut s'améliorer avec le temps.

H.264 sur Firefox. Ce plugin a été réalisé par Microsoft pour permettre à Firefox d'utiliser le codec H264 sur Windows 7. Il dispense Mozilla de payer la licence du codec.