目录

onloadeddata Event

Example

Call a function when data for the first video frame is available:

<video onloadeddata="myFunction()">
Try it Yourself »

More examples below.


Description

The onloadeddata event occurs when a media frame is loaded, but does not guarantee that enough data is available to begin playing.

The onloadeddata event occurs after onloadedmetadata and before oncanplay.

Audio and Video Events

While loading a media, these events occur in the following order:

Event Occurs When
onloadstart The loading of a media starts
ondurationchange The duration of a media is changed
onloadedmetadata The meta data for a media has been loaded
onloadeddata A media frame is loaded
onprogress The browser is loading a media
oncanplay An element's scrollbar is being scrolled
oncanplaythrough The browser estimates it can play a media
onplay A media starts to play
onplaying A media starts or resumes
ontimeupdate The indicated time is changed
onended A media has reached the end

Events that can occur while a media is loading or playing:

Event Occurs When
onabort The loading of a media is aborted
onemptied A media is empty (already loaded)
onerror An error occurs while loading a media
onpause A media is paused
onratechange The playback rate is changed
onseeked A user has seeked a new media position
onseeking A user start seeking a new media position
onstalled Media data is not available
onsuspend The browser is not getting the media data
onvolumechange The volume of a media is changed
onwaiting A media is waiting for the next frame

See Also:

The <audio> Object
The <video> Object


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 »


Technical Details

Bubbles: No
Cancelable: No
Event type: Event
HTML tags: <audio> and <video>
DOM Version: Level 3 Events

More Examples

Example

Call a function when data for the first audio frame is available:

<audio onloadeddata="myFunction()">
Try it Yourself »

Browser Support

onloadeddata is a DOM Level 3 (2004) feature.

It is fully supported in all modern browsers:

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes 11