The loadeddata
event is fired when the frame at the current playback position of the media has finished loading; often the first frame.
Note: This event will not fire in mobile/tablet devices if data-saver is on in browser settings.
The loadeddata
event is fired when the frame at the current playback position of the media has finished loading; often the first frame.
Note: This event will not fire in mobile/tablet devices if data-saver is on in browser settings.
Use the event name in methods like addEventListener()
, or set an event handler property.
js
addEventListener("loadeddata", (event) => {}); onloadeddata = (event) => {};
A generic Event
.
These examples add an event listener for the HTMLMediaElement's loadeddata
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("loadeddata", (event) => { console.log( "Yay! The readyState just increased to " + "HAVE_CURRENT_DATA or greater for the first time.", ); });
Using the onloadeddata
event handler property:
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.", ); };
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
loadeddata_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/loadeddata_event