HTML <video>Balise
Exemples
Lire la vidéo :
Essayez-le vous-même »
Prise en charge des navigateurs
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge cet attribut.
| Élément | |||||
|---|---|---|---|---|---|
| <video> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Définition et utilisation
La balise <video> définit une vidéo, comme un clip vidéo ou d'autres flux vidéo.
Actuellement, l'élément <video> prend en charge trois formats vidéo : MP4, WebM, Ogg.
| Navigateur | MP4 | WebM | Ogg |
|---|---|---|---|
| Internet Explorer | OUI | NON | NON |
| Chrome | OUI | OUI | OUI |
| Firefox | OUI À partir de Firefox 21 Systèmes Linux à partir de Firefox 30 |
OUI | OUI |
| Safari | OUI | NON | NON |
| Opera | OUI À partir d'Opera 25 |
OUI | OUI |
- MP4 = fichiers MPEG 4 avec codec vidéo H264 et codec audio AAC
- WebM = fichiers WebM avec codec vidéo VP8 et codec audio Vorbis
- Ogg = fichiers Ogg avec le codec vidéo Theora et le codec audio Vorbis
Comme différents navigateurs prennent en charge différents formats vidéo, il est généralement recommandé de fournir plusieurs formats :
Exemple
Types MIME pour les formats vidéo
| Format | Type MIME |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
Différences entre HTML 4.01 et HTML5
La balise <video> est une nouvelle balise dans HTML5.
Conseils et notes
Astuce :Vous pouvez placer du contenu textuel entre les balises <video> et </video>, afin que les navigateurs qui ne prennent pas en charge l'élément <video> puissent afficher les informations dans la balise.
Attributs facultatifs
Nouveau: Nouvel attribut dans HTML5.
| Attribut | Valeur | Description |
|---|---|---|
| autoplayNouveau | autoplay | Si cet attribut est présent, la vidéo se lancera dès qu'elle sera prête. |
| controlsNouveau | controls | Si cet attribut est présent, des contrôles sont affichés à l'utilisateur, tels qu'un bouton de lecture. |
| heightNouveau | pixels | Définit la hauteur du lecteur vidéo. |
| loopNouveau | loop | Si cet attribut est présent, le fichier multimédia redémarrera une fois sa lecture terminée. |
| mutedNouveau | muted | Si cet attribut est présent, la sortie audio de la vidéo est coupée. |
| posterNouveau | URL | Spécifie une image à afficher pendant le téléchargement de la vidéo, jusqu'à ce que l'utilisateur clique sur le bouton de lecture. |
| preloadNouveau | auto metadata none |
Si cet attribut est présent, la vidéo est chargée au chargement de la page et est préparée à être lue. Si "autoplay" est utilisé, cet attribut est ignoré. |
| srcNouveau | URL | L'URL de la vidéo à lire. |
| widthNouveau | pixels | Définit la largeur du lecteur vidéo. |
Attributs globaux
La balise <video> prend en charge lesattributs globaux HTML.。
Attributs d'événement
La balise <video> prend en charge lesattributs d'événement HTML.。
Autres extensions