La dernière version de Firefox 3.6 vient de paraître et avec elle, le support du HTML5 (pas encore finalisé) et plus particulièrement des éléments ou balises <video>. Jusqu'à maintenant l'insertion d'une vidéo dans une page web nécessitait une surcouche logicielle du coté de l'utilisateur avec Flash, Quicktime, Windows Media Player, etc. Les lecteurs Flash ont pris de l'avance ces dernières années grâce aux Youtube like et simplifié pas mal l'intégration de vidéos dans les sites d'aujourd'hui.
Maintenant pour publier une vidéo sur son site internet c'est simple, on va sur Youtube, on upload, on récupère le code html du lecteur, on colle dans sa page et ça marche! Ce qui n'est pas sans poser quelques problèmes, même si on n'imagine mal un de ces géants du partage de la vidéo en ligne fermer, que se passe t'il si Youtube décide que la vidéo n'est pas en accord avec ses conditions générales d'utilisation, que se passe t'il si le gouvernement décide de bloquer l'accès à ces sites (merci Silvio). On connait aussi les déboires de flash et des smartphones, tous ne sont pas compatibles, et quand ils le sont la compatibilité est très moyenne (je le sais j'en ai un). Bref la nouvelle évolution du HTML se devait de prendre en compte la gestion des vidéos.
Pour en revenir à nos éléments , c'est un peu le même principe que pour les images, on y mettra de la même façon un attribut src qui localisera un fichier .ogg (à lire pour en savoir plus sur ce format). Pour les paresseux, c'est en fait un conteneur (comme le .avi de vos divx), dans lequel on trouve les flux vidéos (Theora) et audio (Vorbis) encodés sous des formats libres. Le fichier pourra aussi être un .mp4 ou .3gp (version simplifiée du MPEG-4), des formats moins sympa puisque brevetés et DRM-ables. =D
Le code HTML5 d'un lecteur Youtube
Ce sera ensuite au navigateur internet de savoir lire ce type de fichiers sans nécéssiter de plugin supplémentaire, un peu comme il sait vous afficher une image en .jpg ou .png.
Pour conclure si vous avez un navigateur compatible (Safari, Chrome ou Firefox 3.6), en allant sur cette page vous pouvez vous inscrire au programme de test d'HTML5, vous verrez ensuite ce que ça donne de la vidéo intégrée en HTML5 sur n'importe quelle vidéo Youtube.
La différence se voit au chargement, en effectuant un clique droit sur la vidéo et sûrement dans l'utilisation des ressources.
Sous IE8 en flash
Sous Firefox 3.5 en flash
Sous Chrome en HTML5
Source: w3.org, tb4.fr