Tag vidéo dans HTML | Expliqué

L'ajout de vidéos sur les sites Web peut être un moyen engageant d'exprimer vos pensées et donc les vidéos peuvent attirer plus de téléspectateurs. En utilisant des vidéos, on peut fournir des concepts compliqués d'une manière très facile et efficace. Ainsi, HTML fournit une balise pour intégrer une vidéo sur les sites Web, une balise peut avoir plusieurs attributs pour contrôler le comportement de toute vidéo.

Cet article présentera une compréhension détaillée des concepts suivants:

• Syntaxe de la balise
• Attributs de la balise
• Prise en charge et formats vidéo du navigateur
• Comment utiliser TAG dans HTML

Syntaxe

L'extrait divisé ci-dessous montre la syntaxe de base de la balise.

Les attributs

• contrôles: utilisé pour afficher les options de contrôle à l'utilisateur e.g. jouer, faire une pause, muet, etc.
• SRC: détermine l'URL
• boucle: La vidéo sera lue dans une boucle I.e. encore et encore.
• en sourdine: Initialement, la vidéo sera muette
• Précharge: Spécifiez la vue de l'auteur sur la façon dont la vidéo sera chargée lorsque la page Web chargera
• lecture automatique: La vidéo sera lu automatiquement
• hauteur: utilisé pour spécifier la hauteur de la vidéo
• largeur: utilisé pour spécifier la largeur de la vidéo
• affiche: utilisé pour montrer une image lors du téléchargement vidéo.

Prise en charge et formats vidéo du navigateur

Tag a trois formats I.e. MP4, WebM, OGG et ces formats seront spécifiés dans l'élément source de l'attribut «Type». Chrome, Microsoft Edge, Opera et Mozilla Firefox prennent en charge les trois formats vidéo tandis que Safari et Internet Explorer ne prennent en charge que le format MP4.

Plusieurs formats peuvent être utilisés dans la balise, il est donc une bonne pratique de spécifier deux formats (OGG et MP4) dans la balise vidéo afin que la vidéo soit lue sur la plupart des navigateurs. Le navigateur utilisera le premier format vidéo reconnu. Si le navigateur ne reconnaît aucun des formats de fichiers spécifiés, le texte écrit dans la balise de démarrage et de fin sera affiché.

Comment utiliser TAG dans HTML

Dans la balise HTML, plusieurs attributs peuvent être utilisés pour contrôler le comportement de la balise telle que "contrôles" Activer la visibilité des contrôles I.e. jouer, faire une pause, etc. Le morceau de code suivant explique comment utiliser la balise dans HTML:

L'extrait ci-dessus affiche la sortie suivante:

Les contrôles sont visibles, la vidéo est muette, elle vérifie que tous les attributs fonctionnent parfaitement.

Exemple

Nous allons maintenant modifier le code ci-dessus pour tester le fonctionnement de l'attribut d'affiche:

Maintenant, une image sera affichée sur la vidéo jusqu'à ce que nous ne cliquions pas sur le bouton de lecture:

De même, vous pouvez tester le fonctionnement des attributs restants.

Conclusion

La balise peut être utilisée pour ajouter une vidéo sur un site Web, différents attributs peuvent être utilisés dans la balise vidéo pour effectuer différentes fonctionnalités E.g. L'affiche affiche une image jusqu'à ce que quelqu'un clique sur la vidéo, AutoPlay permet à une vidéo de jouer automatiquement et ainsi de suite. Cet article montre ce qu'est la balise HTML et comment utiliser la balise. De plus, il fournit une explication détaillée des formats vidéo et des navigateurs disponibles.