La balise <video> Vidéo

La balise <video> a beaucoup fait parler d’elle. Elle permet assez facilement d’afficher une vidéo dans une page HTML.

Il est possible de paramétrer le navigateur pour qu’il charge directement la vidéo et la lise (autoplay). Des boutons pour gérer la vidéo, positionner la tête de lecture au moment voulu, lancer la lecture ou la mettre en pause, mettre la vidéo en plein écran ou ajuster le son, sont automatiquement affichés si la propriété controls est écrite dans la balise vidéo.

<video controls autoplay src=’../video/danse.mp4’></video>

Le souci qui risque d’être rencontré avec ce type de code HTML est que tous les navigateurs ne reconnaissent pas les fichiers encodés en MP4.

Il faudra donc que la vidéo soit encodée dans différents formats pour qu’elle s’affiche correctement dans tous les navigateurs.

Et comme pour l’audio, les navigateurs acceptent tous de lire différents formats vidéo, mais aucun format n’est accepté par tous les navigateurs.

Les formats qu’il faut utiliser sont MP4, OGV et WebM.

La balise <video> peut contenir plusieurs sources différentes (en fait la même vidéo mais dans des formats différents). De cette façon elle sera lue partout.

Voici un tableau montrant la compatibilité des formats vidéo avec les diffé-rents navigateurs. ...