HTMLMediaElement: loadedmetadata-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 loadedmetadata-Ereignis wird ausgelöst, wenn die Metadaten geladen wurden.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
addEventListener("loadedmetadata", (event) => { })
Alternativ können Sie ihn der Event-Handler-Eigenschaft der Schnittstelle zuweisen:
onloadedmetadata = (event) => { }
Ereignistyp
Ein allgemeines Event.
Beispiele
Diese Beispiele fügen einen Event-Listener für das loadedmetadata-Ereignis von HTMLMediaElement hinzu und geben eine Meldung aus, sobald der Event-Handler auf das ausgelöste Ereignis reagiert hat.
Mit addEventListener():
const video = document.querySelector("video");
video.addEventListener("loadedmetadata", (event) => {
console.log(
"The duration and dimensions of the media and tracks are now known.",
);
});
Mit der Event-Handler-Eigenschaft onloadedmetadata (beachten Sie jedoch, dass dadurch gegebenenfalls andere über onloadedmetadata hinzugefügte Event-Listener ersetzt werden):
const video = document.querySelector("video");
video.onloadedmetadata = (event) => {
console.log(
"The duration and dimensions of the media and tracks are now known.",
);
};
Spezifikationen
| Spezifikation |
|---|
| HTML> # event-media-loadedmetadata> |
| HTML> # handler-onloadedmetadata> |
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
loadeddata - 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