Insérer une vidéo (video)
Syntaxe : Balise <video>
HTML5 a prévu une balise spéciale pour insérer une vidéo : <video>.
L'utilisation de cette balise est similaire à la balise <audio>, et plusieurs formats sont aussi possibles.
La source de la vidéo doit être renseignée (attribut src ou élément source).
Comme pour la balise <audio>, les commandes de lecture apparaissent en ajoutant l'attribut 'controls' à la balise <video>.
Complément : Quelques attributs utiles
On peut préciser le comportement du lecteur vidéo grâce à plusieurs attributs que l'on précisera dans la balise <video> :
poster : l'image qui apparaît tant que la vidéo n'est pas lancée. Si l'attribut n'est pas spécifié, il s'agira automatiquement de la première image de la vidéo.
autoplay : la lecture est automatiquement lancée alors que la vidéo est chargée.
loop : lecture reprenant indéfiniment à la fin de la vidéo.
height, width : spécifient les dimensions (en px) du lecteur.
muted : vidéo muette.
Exemple : Ajout d'une vidéo avec plusieurs formats
<video id="maVid" poster="img1.jpg" controls width="320" height="240">
<source src="maVideo.mp4" type="video/mp4" />
<source src="maVideo.webm" type="video/webm" />
<source src="maVideo.ogv" type="video/ogg" />
Alternative (balise non reconnue par le navigateur) : lien de téléchargement, message...
</video>