HTML 5 Audio/Video DOM loadedmetadata Event
Example
Alert when audio metadata is loaded:
myVid=document.getElementById("video1");
myVid.onloadedmetadata=alert("Meta data for video loaded");
Definition and Usage
The loadedmetadata event occurs when the metadata of the specified audio/video has been loaded.
The metadata of audio/video includes: duration, size (only for video) and text tracks.
The following events occur in sequence when audio/video is loading:
- loadstart
- durationchange
- loadedmetadata
- loadeddata
- progress
- canplay
- canplaythrough
Browser Support
All mainstream browsers support the loadedmetadata event.
Note:Internet Explorer 8 or earlier browsers do not support this event.
Syntax
In HTML:
<audio|video onloadedmetadata="SomeJavaScriptCode">
In JavaScript:
audio|video.onloadedmetadata=SomeJavaScriptCode;
Use addEventListener():
audio|video.addEventListener("loadedmetadata", function()
{
//Some JavaScript Code
}
);
Technical Details
| The following HTML tags support: | <audio>, <video> |
|---|---|
| The following JavaScript objects support: | Audio, Video |
More Examples
Use the loadedmetadata property on HTML elements
Use addEventListener() to listen to the loadedmetadata event
