HTMLMediaElement: loadedmetadata-Ereignis

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Das loadedmetadata-Ereignis wird ausgelöst, wenn die Metadaten geladen wurden.

Syntax

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

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

onloadedmetadata = (event) => {};

Ereignistyp

Ein generisches Event.

Beispiele

Diese Beispiele fügen einen Ereignis-Listener für das loadedmetadata-Ereignis des HTMLMediaElement hinzu und senden eine Nachricht, wenn der Ereignis-Handler auf das Auslösen des Ereignisses reagiert hat.

Verwendung von addEventListener():

js
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-Ereignisbehandlungs-Eigenschaft:

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

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

Spezifikationen

Specification
HTML Standard
# event-media-loadedmetadata
HTML Standard
# handler-onloadedmetadata

Browser-Kompatibilität

BCD tables only load in the browser

Verwandte Ereignisse

Siehe auch