HTMLMediaElement: loadedmetadata Ereignis

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignis-Handler-Eigenschaft.

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

onloadedmetadata = (event) => { }

Ereignistyp

Ein generisches Event.

Beispiele

Diese Beispiele fügen einen Ereignislistener für das loadedmetadata Ereignis des HTMLMediaElement hinzu und senden dann eine Nachricht, wenn dieser Ereignishandler auf das Auslösen des Ereignisses reagiert hat.

Verwendung von addEventListener():

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

video.addEventListener("loadedmetadata", (event) => {
  console.log(
    "The duration and dimensions of the media and tracks are now known.",
  );
});

Verwendung der onloadedmetadata Ereignis-Handler-Eigenschaft:

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

video.onloadedmetadata = (event) => {
  console.log(
    "The duration and dimensions of the media and tracks are now known.",
  );
};

Spezifikationen

Browser-Kompatibilität

Verwandte Ereignisse

• Das HTMLMediaElement playing Ereignis
• Das HTMLMediaElement waiting Ereignis
• Das HTMLMediaElement seeking Ereignis
• Das HTMLMediaElement seeked Ereignis
• Das HTMLMediaElement ended Ereignis
• Das HTMLMediaElement loadeddata Ereignis
• Das HTMLMediaElement canplay Ereignis
• Das HTMLMediaElement canplaythrough Ereignis
• Das HTMLMediaElement durationchange Ereignis
• Das HTMLMediaElement timeupdate Ereignis
• Das HTMLMediaElement play Ereignis
• Das HTMLMediaElement pause Ereignis
• Das HTMLMediaElement ratechange Ereignis
• Das HTMLMediaElement volumechange Ereignis
• Das HTMLMediaElement suspend Ereignis
• Das HTMLMediaElement emptied Ereignis
• Das HTMLMediaElement stalled Ereignis

Siehe auch

• HTMLAudioElement
• HTMLVideoElement
• <audio>
• <video>