Derniers tutoriels de développement web
 

HTML Audio / Vidéo DOM loadedmetadata événement

<HTML Audio / Vidéo Référence du DOM

Exemple

Alerter lorsque les méta-données pour la vidéo est chargée:

var vid = document.getElementById("myVideo");
vid.onloadedmetadata = function() {
    alert("Meta data for video loaded");
};
Essayez - le vous - même »

Plus "Try it yourself" exemples ci-dessous.


Définition et utilisation

L'événement loadedmetadata se produit lorsque les méta-données pour l'audio / vidéo spécifié a été chargé.

Méta données pour l'audio / vidéo se compose de: la durée, les dimensions (vidéo uniquement) et des pistes de texte.

Au cours du 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 du navigateur

Les chiffres du tableau indiquent la première version du navigateur qui soutient pleinement l'événement.

un événement
loadedmetadata Oui 9.0 Oui Oui Oui

Syntaxe

En HTML:

< audio|video onloadedmetadata="myScript"> Try it

En JavaScript:

audio|video .onloadedmetadata=function(){myScript}; Try it

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

audio|video .addEventListener("loadedmetadata", myScript ); Try it

Remarque: Le addEventListener() méthode est pas prise en charge dans Internet Explorer 8 et les versions antérieures.


Détails techniques

balises HTML prises en charge: <audio> and <video>
objets JavaScript pris en charge: Audio, Video

Autres exemples

Exemple

Alerter lorsque les méta-données pour l'audio est chargé:

var aud = document.getElementById("myAudio");
aud.onloadedmetadata = function() {
    alert("Meta data for audio loaded");
};
Essayez - le vous - même »

<HTML Audio / Vidéo Référence du DOM