La balise <video> est utilisée pour intégrer un contenu vidéo dans un document.
Avant HTML5, une vidéo ne pouvait être lue que si le navigateur était doté d’un plugin comme Flash.
L’intégration d’une vidéo se fait exactement comme l’insertion d’un fichier son.
Il suffit alors de spécifier la source de la vidéo en utilisant l’attribut src.
L’attribut controls est également à ajouter pour pouvoir afficher les éléments de contrôle de lecture.
Les attributs width et height permettent de définir la taille de la vidéo.
Il est possible d’ajouter des vidéos YouTube dans un code HTML en utilisant la balise iframe.
Pour cela, il faudra copier le code intégré sur la vidéo sur YouTube.
Voyons deux exemples avec leur code :
<video width="560" height="315" controls src="https://41mag.b-cdn.net/wp-content/uploads/2022/08/video-test-balise-video.mp4"></video>Ce code intégrant une vidéo depuis le site donne le résultat suivant :
Pour le cas d’une vidéo depuis YouTube, voici le code et le résultat obtenu :
<iframe width="560" height="315" src="https://www.youtube.com/embed/apVpWa15SeA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>