Utilisation de la balise <video> en HTML

La balise <video> en HTML offre une méthode simple et efficace pour intégrer du contenu vidéo dans une page web. Elle fait partie des éléments multimédias introduits avec HTML5.

Explication et fonctionnement

L'élément <video> permet d'insérer un fichier vidéo dans le contenu HTML. Par exemple:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Votre navigateur ne supporte pas la vidéo.
</video>

Dans cet exemple, la balise <video> contient deux éléments <source>. Chacun représente une source vidéo différente à lire. Si le navigateur ne prend pas en charge le format MP4, il essaiera le format OGG. Si aucun de ces formats n'est pris en charge, le texte "Votre navigateur ne supporte pas la vidéo." sera affiché.

L'attribut controls inclut les contrôles de base - jouer, pause, avance rapide et volume - dans le lecteur vidéo.

Pratique et recommandations

Il est important de noter que différents navigateurs supportent différents formats vidéo. Pour cette raison, il est recommandé de fournir la vidéo en plusieurs formats. Par ailleurs, la balise <video> accepte d'autres attributs, comme autoplay et loop, qui contrôlent respectivement la lecture automatique de la vidéo et la répétition en boucle de celle-ci.

En somme, la balise <video> en HTML offre d'importantes fonctionnalités pour l'intégration de contenus vidéo sur une page web, optimisant ainsi l'interaction de l'utilisateur avec le site.

Utilisation de la balise <video> en HTML

Explication et fonctionnement

Pratique et recommandations

Related Questions