HTMLMediaElement : évènement loadedmetadata

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

L'évènement loadedmetadata est déclenché lorsque les métadonnées ont été chargées.

Syntaxe

Utilisez le nom de l'évènement dans des méthodes comme addEventListener(), ou définissez une propriété de gestionnaire d'évènement.

addEventListener("loadedmetadata", (event) => { })

onloadedmetadata = (event) => { }

Ces exemples ajoutent un écouteur d'évènement pour l'évènement loadedmetadata de HTMLMediaElement, puis affichent un message lorsque ce gestionnaire d'évènement a réagi au déclenchement de l'évènement.

Utiliser addEventListener() :

const video = document.querySelector("video");

video.addEventListener("loadedmetadata", (event) => {
  console.log(
    "La durée et les dimensions du média et des pistes sont maintenant connues.",
  );
});

Utiliser la propriété de gestionnaire d'évènement onloadedmetadata :

const video = document.querySelector("video");

video.onloadedmetadata = (event) => {
  console.log(
    "La durée et les dimensions du média et des pistes sont maintenant connues.",
  );
};