HTML Audio/Video DOM loadedmetadata Événement

❮ Référence DOM Audio/Video HTML

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");
};
Essayez-le vous-même »

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 :

  1. loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. progress
  6. canplay
  7. 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 "> Essayez-le

En JavaScript :

audio|video .onloadedmetadata=function(){ myScript }; Essayez-le

En JavaScript, en utilisant la méthode addEventListener() :

audio|video .addEventListener("loadedmetadata", myScript ); Essayez-le

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");
};
Essayez-le vous-même »

❮ Référence DOM Audio/Video HTML