HTML Audio/Video DOM loadedmetadata Événement
Exemple
Alerte lorsque les métadonnées de la vidéo sont chargées :
let vid = document.getElementById("myVideo");
vid.onloadedmetadata = function() {
alert("Métadonnées de la vidéo chargées");
}; Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et Utilisation
L'événement loadedmetadata se produit lorsque les métadonnées pour l'audio/vidéo spécifié ont été chargées.
Les métadonnées pour l'audio/vidéo comprennent : durée, dimensions (vidéo uniquement) et pistes de texte.
Pendant le processus de chargement d'un audio/vidéo, les événements suivants se produisent, dans cet ordre :
- loadstart
- durationchange
- loadedmetadata
- loadeddata
- progress
- canplay
- canplaythrough
Support des Navigateurs
Les chiffres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge l'événement.
| Événement | |||||
|---|---|---|---|---|---|
| loadedmetadata | Oui | 9.0 | Oui | Oui | Oui |
Syntaxe
En HTML :
< audio|video onloadedmetadata=" myScript "> En JavaScript :
audio|video .onloadedmetadata=function(){ myScript }; En JavaScript, en utilisant la méthode addEventListener() :
audio|video .addEventListener("loadedmetadata", myScript ); Détails Techniques
| Balises HTML prises en charge : | <audio> et <video> |
|---|---|
| Objets JavaScript pris en charge : | Audio, Vidéo |
Plus d'Exemples
Exemple
Alerte lorsque les métadonnées de l'audio sont chargées :
let aud = document.getElementById("myAudio");
aud.onloadedmetadata = function() {
alert("Métadonnées de l'audio chargées");
};