En html5, une balise dédiée permet l’intégration de la vidéo ; il est donc beaucoup plus aisé d’intégrer de la vidéo (aussi facile que pour une image). Le webmaster n’a pas à se soucier de savoir si l’utilisateur possède les bons codecs ; ceux-ci sont inclus de manière native.
Utilisation de la balise <video>
src | L’URL du conteneur de la vidéo |
---|---|
width, height | Les dimensions de l’image |
poster | L’URL d’une image à afficher en remplacement de la vidéo, en attendant qu’elle soit disponible. On utilise une frame de la vidéo |
videoHigh, videoHeight | Ce sont les dimensions originelles de l’image. Des attributs en lecture seule qui sont lus en JavaScript, pour fournir une information sur la vidéo |
autobuffer | Vaut true ou false, la valeur vrai déclenche le chargement en mémoire de la vidéo en même temps que la page, une option choisie quand on suppose qu’elle sera obligatoirement vue |
autoplay | Vaut true ou false, la valeur vrai démarre la vidéo quand la page est chargée |
loop | Vaut true ou false, la valeur vrai fait tourner la vidéo en boucle |
controls | Vaut true ou false, la valeur vrai indique que la barre de contrôle par défaut s’affiche, sinon le site définit sa propre barre |
Un exemple
The Cup Song
Syntaxe
<video width="largeur" height="hauteur" poster="url_de_l_image_d_accueil" controls="controls">
<source src="url_de_la_vidéo" type="video/mp4" />
Choisissez un navigateur plus récent compatible html5
</video>