Qu’est-ce que l’élément vidéo HTML5 ?

L’élément <video> HTML5 est un composant standard des navigateurs permettant d’intégrer la lecture de vidéos. Il peut pointer vers un ou plusieurs fichiers source et proposer des commandes de lecture, des sous-titres, des images poster et des libellés d’accessibilité.

En pratique, le balisage vidéo consiste principalement à combiner les attributs adaptés à votre cas d’utilisation et à vérifier que le texte de remplacement est pertinent.

Description de l’outil

Cet outil génère un bloc <video> prêt à copier, avec des attributs courants tels que la source, l’image poster, les dimensions, le comportement de préchargement, la lecture automatique, la lecture en boucle et les commandes. Il affiche également un aperçu en direct dans le navigateur.

Il est utile lorsque vous souhaitez assembler rapidement un balisage vidéo sans devoir mémoriser le nom de chaque attribut.

Exemples

  • Une vidéo intégrée standard avec commandes et image poster
  • Une vidéo d’arrière-plan en boucle et sans son
  • Une balise vidéo adaptative avec un texte de remplacement personnalisé

Fonctionnalités

  • De nombreux attributs vidéo HTML5 courants réunis au même endroit
  • Un texte de remplacement modifiable pour les navigateurs non compatibles
  • Le code HTML et l’aperçu isolé généré affichés côte à côte

Fonctionnement

L’outil construit le balisage <video> à partir des options que vous avez sélectionnées et affiche un aperçu en utilisant, lorsque cela est possible, les mêmes paramètres de source. Le code généré est destiné à être copié dans votre propre page.

L’aperçu dépend toutefois de la capacité du navigateur à charger l’URL du média ; la réussite de la lecture dépend donc de la source elle-même.