HTML <video> Tag
Exemple
Lire une vidéo :
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Votre navigateur ne prend pas en charge la balise vidéo.
</video> Définition et Utilisation
La balise <video> est utilisée pour intégrer du contenu vidéo dans un document, tel qu'un clip vidéo ou d'autres flux vidéo.
La balise <video> contient une ou plusieurs balises <source> avec différentes sources vidéo. Le navigateur choisira la première source qu'il prend en charge.
Le texte entre les balises <video> et </video> ne sera affiché que dans les navigateurs qui ne prennent pas en charge l'élément <video>.
Il existe trois formats vidéo pris en charge en HTML : MP4, WebM et OGG.
| Navigateur | MP4 | WebM | Ogg |
|---|---|---|---|
| Edge | OUI | OUI | OUI |
| Chrome | OUI | OUI | OUI |
| Firefox | OUI | OUI | OUI |
| Safari | OUI | OUI | NON |
| Opera | OUI | OUI | OUI |
Conseils et Remarques
Conseil : Pour les fichiers audio, consultez la balise <audio> .
Support des Navigateurs
Les chiffres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge l'élément.
| Élément | |||||
|---|---|---|---|---|---|
| <video> | 4.0 | 9.0 | 3.5 | 3.1 | 11.5 |
Attributs Optionnels
| Attribut | Valeur | Description |
|---|---|---|
| autoplay | autoplay | Spécifie que la vidéo commencera à jouer dès qu'elle est prête. |
| controls | controls | Spécifie que les contrôles vidéo doivent être affichés (comme un bouton lecture/pause, etc.). |
| height | pixels | Définit la hauteur du lecteur vidéo. |
| loop | loop | Spécifie que la vidéo recommencera à chaque fois qu'elle est terminée. |
| muted | muted | Spécifie que la sortie audio de la vidéo doit être désactivée. |
| poster | URL | Spécifie une image à afficher pendant le téléchargement de la vidéo, ou jusqu'à ce que l'utilisateur appuie sur le bouton de lecture. |
| preload | auto metadata none | Spécifie si et comment l'auteur pense que la vidéo doit être chargée lors du chargement de la page. |
| src | URL | Spécifie l'URL du fichier vidéo. |
| width | pixels | Définit la largeur du lecteur vidéo. |
Attributs Globaux
La balise <video> prend également en charge les Attributs Globaux en HTML .
Attributs d'Événement
La balise <video> prend également en charge les Attributs d'Événement en HTML .
Pages Associées
Référence DOM HTML : Référence DOM Audio/Video HTML .
Paramètres CSS par Défaut
Aucun.