onloadeddataEvent
Example
Execute JavaScript when the data of the current frame is available (<video>):
<video onloadeddata="myFunction()">
Try it yourself »
More examples are included at the bottom of this article.
Definition and Usage
The onloadeddata event is triggered when the data for the current frame is loaded and there is not enough data to play the next frame of the video/audio (audio/video).
When loading video/audio (audio/video), the events are triggered in the following order:
Browser Support
The numbers in the table indicate the first browser version that supports this event.
| Event | |||||
|---|---|---|---|---|---|
| onloadeddata | Yes | 9.0 | Yes | Yes | Yes |
Syntax
In HTML:
<element onloadeddata="myScript">Try it yourself
In JavaScript:
object.onloadeddata=function(){myScript};Try it yourself
In JavaScript, using the addEventListener() method:
object.addEventListener("loadeddata", myScript);Try it yourself
Note:Internet Explorer 8 and earlier IE versions do not support theaddEventListener()method.
Technical Details
| Bubbles: | No |
|---|---|
| Cancelable: | No |
| Event type: | Event |
| Supported HTML tags: | <audio>, <video> |
More Examples
Example
Execute JavaScript when the data of the current frame is available (<audio>):
<audio onloadeddata="myFunction()">
Try it yourself »
Event Object
Other Extensions