HTML Audio/Video DOM loadeddata Event
❮ HTML Audio/Video DOM Reference
Example
Alert that data for the current frame is available (for <video>):
let vid = document.getElementById("myVideo");
vid.onloadeddata = function() {
alert("Browser has loaded the current frame");
};
Try it Yourself »
More "Try it Yourself" examples below.
Definition and Usage
The loadeddata event occurs when data for the current frame is loaded, but not enough data to play next frame of the specified audio/video.
During the loading process of an audio/video, the following events occur, in this order:
Browser Support
The numbers in the table specify the first browser version that fully supports the event.
| Event | |||||
|---|---|---|---|---|---|
| loadeddata | Yes | 9.0 | Yes | Yes | Yes |
Syntax
In HTML:
<audio|video onloadeddata="myScript">Try it
In JavaScript:
audio|video.onloadeddata=function(){myScript};Try it
In JavaScript, using the addEventListener() method:
audio|video.addEventListener("loadeddata", myScript);Try it
Technical Details
| Supported HTML tags: | <audio> and <video> |
|---|---|
| Supported JavaScript objects: | Audio, Video |
More Examples
Example
Alert that data for the current frame is available (for <audio>):
let aud = document.getElementById("myAudio");
aud.onloadeddata = function() {
alert("Browser has loaded the current frame");
};
Try it Yourself »
❮ HTML Audio/Video DOM Reference
