Intégrer une vidéo est similaire à intégrer un audio. Les attributs et balises utilisés sont comparables. Prenons une vue détaillée.

Intégration de Vidéo

La balise <video> intègre du contenu vidéo dans un document HTML, permettant aux utilisateurs de lire des vidéos directement dans le navigateur.

Attributs Vidéo

• controls: Ajoute des contrôles vidéo pour la lecture, la pause et le réglage du volume;
• autoplay: Spécifie la fonctionnalité de lecture automatique;
• loop: Permet la boucle continue de la vidéo.

Exemple:

<video controls autoplay loop>
  <!-- Source tags will be defined here -->
</video>

Source

La balise <source> est utilisée à l'intérieur de la balise <video> pour spécifier la source (URL) du fichier vidéo et ses attributs. src spécifie l'URL du fichier vidéo. type spécifie le type MIME du fichier vidéo.
Exemple:

<video controls autoplay loop>
  <source src="video-url.mp4" type="video/mp4" />
  <source src="video-url.webm" type="video/webm" />
  Your browser does not support the video element.
</video>

Dans l'exemple ci-dessus :

• La balise <video> inclut les attributs controls, autoplay et loop;
• Les balises <source> spécifient les URLs sources des fichiers vidéo et leurs types MIME;
• Si le navigateur ne supporte pas la balise <video> ou les formats vidéo spécifiés, le texte alternatif Your browser does not support the video element. est affiché.

Tutoriel Vidéo