The loadedmetadata
event is fired when the metadata has been loaded.
The loadedmetadata
event is fired when the metadata has been loaded.
Use the event name in methods like addEventListener()
, or set an event handler property.
js
addEventListener("loadedmetadata", (event) => {}); onloadedmetadata = (event) => {};
A generic Event
.
These examples add an event listener for the HTMLMediaElement's loadedmetadata
event, then post a message when that event handler has reacted to the event firing.
Using 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.", ); });
Using the onloadedmetadata
event handler property:
js
const video = document.querySelector("video"); video.onloadedmetadata = (event) => { console.log( "The duration and dimensions of the media and tracks are now known.", ); };
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
loadedmetadata_event |
3 | 12 | 3.5 | 9 | 10.5 | 3.1 | ≤37 | 18 | 4 | 11 | 3 | 1.0 |
playing
eventwaiting
eventseeking
eventseeked
eventended
eventloadedmetadata
eventloadeddata
eventcanplay
eventcanplaythrough
eventdurationchange
eventtimeupdate
eventplay
eventpause
eventratechange
eventvolumechange
eventsuspend
eventemptied
eventstalled
event
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/loadedmetadata_event