Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

HTMLMediaElement: loadeddata-Ereignis

Baseline
Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Das loadeddata-Ereignis wird ausgelöst, wenn das Frame an der aktuellen Wiedergabeposition des Mediums vollständig geladen wurde; häufig ist dies das erste Frame.

Hinweis: Dieses Ereignis wird auf Mobilgeräten und Tablets nicht ausgelöst, wenn der Datensparmodus in den Browsereinstellungen aktiviert ist.

Syntax

Verwenden Sie den Ereignisnamen in addEventListener():

js
addEventListener("loadeddata", (event) => { })

Alternativ können Sie ihn der Event-Handler-Eigenschaft der Schnittstelle zuweisen:

js
onloadeddata = (event) => { }

Ereignistyp

Ein generisches Event.

Beispiele

Diese Beispiele fügen einen Event-Listener für das loadeddata-Ereignis des HTMLMediaElement hinzu und geben eine Meldung aus, sobald der Event-Handler auf das Auslösen des Ereignisses reagiert hat.

Mit addEventListener():

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

video.addEventListener("loadeddata", (event) => {
  console.log(
    "Yay! The readyState just increased to  " +
      "HAVE_CURRENT_DATA or greater for the first time.",
  );
});

Mit der Event-Handler-Eigenschaft onloadeddata (beachten Sie jedoch, dass dadurch andere mit onloadeddata hinzugefügte Event-Listener ersetzt werden, falls vorhanden):

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

video.onloadeddata = (event) => {
  console.log(
    "Yay! The readyState just increased to  " +
      "HAVE_CURRENT_DATA or greater for the first time.",
  );
};

Spezifikationen

Spezifikation
HTML
# event-media-loadeddata
HTML
# handler-onloadeddata

Browser-Kompatibilität

Verwandte Ereignisse

Siehe auch