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():
addEventListener("loadeddata", (event) => { })
Alternativ können Sie ihn der Event-Handler-Eigenschaft der Schnittstelle zuweisen:
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():
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):
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
- Das HTMLMediaElement-Ereignis
playing - Das HTMLMediaElement-Ereignis
waiting - Das HTMLMediaElement-Ereignis
seeking - Das HTMLMediaElement-Ereignis
seeked - Das HTMLMediaElement-Ereignis
ended - Das HTMLMediaElement-Ereignis
loadedmetadata - Das HTMLMediaElement-Ereignis
canplay - Das HTMLMediaElement-Ereignis
canplaythrough - Das HTMLMediaElement-Ereignis
durationchange - Das HTMLMediaElement-Ereignis
timeupdate - Das HTMLMediaElement-Ereignis
play - Das HTMLMediaElement-Ereignis
pause - Das HTMLMediaElement-Ereignis
ratechange - Das HTMLMediaElement-Ereignis
volumechange - Das HTMLMediaElement-Ereignis
suspend - Das HTMLMediaElement-Ereignis
emptied - Das HTMLMediaElement-Ereignis
stalled