À quoi sert l'élément dans HTML5?

L'élément

L'élément <video></video> dans HTML5 est utilisé pour intégrer le contenu vidéo directement dans les pages Web. Il permet aux développeurs d'inclure des fichiers vidéo, comme MP4, WebM ou OGG, sans s'appuyer sur des plugins tiers comme Flash.

Voici ce que fait l'élément <video></video> et pourquoi il est important:

1. Playage vidéo native

La balise <video></video> fournit une prise en charge intégrée pour la lecture de vidéos dans le navigateur. Vous pouvez spécifier la source vidéo à l'aide de l'élément <source></source> , et le navigateur gère les commandes de lecture, la tampon et le rendu.

Exemple:

 <contrôles vidéo>
  <source src = "film.mp4" type = "vidéo / mp4">
  <source src = "film.webm" type = "vidéo / webm">
  Votre navigateur ne prend pas en charge la balise vidéo.
</ vidéo>

2. Contrôles personnalisables

Vous pouvez choisir d'afficher des contrôles de lecture par défaut (comme Play, Pause, Volume) en ajoutant l'attribut controls . Sans cela, la vidéo joue silencieusement ou par programme à moins qu'elle ne soit contrôlée via JavaScript.

3. Prise en charge de plusieurs formats

En incluant plusieurs éléments <source></source> , vous pouvez fournir des options de secours afin que la vidéo joue sur différents navigateurs, qui peuvent prendre en charge différents codecs.

4. Contenu de l'accessibilité et de l'allaitement

Le contenu entre les balises d'ouverture et de fermeture <video></video> agit comme du texte de secours pour les navigateurs plus anciens qui ne prennent pas en charge la vidéo HTML5. Vous pouvez également ajouter des sous-titres à l'aide de l'élément <track></track> pour une meilleure accessibilité.

5. Intégration JavaScript

L'élément <video></video> peut être contrôlé avec JavaScript - par exemple, pour jouer, faire une pause, ajuster le volume ou répondre à des événements comme onplay ou onended .

Les attributs communs comprennent:

• src : chemin directement du fichier vidéo
• controls : montre les commandes de lecture
• autoplay : commence à jouer automatiquement (souvent restreint par les navigateurs)
• loop : répète la vidéo
• muted : Mutes Audio (aide à la lecture automatique)
• poster : affiche une image avant le début de la lecture

Fondamentalement, l'élément <video></video> facilite et efficace d'inclure et de gérer la vidéo sur les sites Web de manière moderne et standardisée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!