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 der Frame an der aktuellen Wiedergabeposition des Mediums geladen wurde; oft der erste Frame.

Hinweis: Dieses Ereignis wird auf Mobil-/Tabletgeräten nicht ausgelöst, wenn die Datensparoption in den Browsereinstellungen aktiviert ist.

In diesem Artikel

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignisbehandlereigenschaft.

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

onloadeddata = (event) => { }

Ereignistyp

Ein generisches Event.

Beispiele

Diese Beispiele fügen einen Ereignislistener für das loadeddata Ereignis des HTMLMediaElement hinzu und senden eine Nachricht, wenn dieser Ereignishandler reagiert hat.

Verwendung von 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.",
  );
});

Verwendung der onloadeddata Ereignisbehandlereigenschaft:

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.",
  );
};