FREE Web Template Download
HTML CSS JAVASCRIPT SQL PHP BOOTSTRAP JQUERY ANGULARJS TUTORIALS REFERENCES EXAMPLES Blog
 

HTML onloadedmetadata Attribute


Definition and Usage

The loadedmetadata event occurs when meta data for the specified audio/video has been loaded.

Meta data for audio/video consists of: duration, dimensions (video only) and text tracks.

During the loading process of an audio/video, the following events occur, in this order:

  1. loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. progress
  6. canplay
  7. canplaythrough

Applies to

The onloadedmetadata attribute is part of the Event Attributes, and can be used on the following elements:

Elements Event
<audio> loadedmetadata
<video> loadedmetadata

Examples

Audio Example

Run "myFunction" when the loadedmetadata event occurs:

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

Video Example

Run "myFunction" when the loadedmetadata event occurs:

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

Browser Support

The onloadedmetadata attribute has the following browser support for each element:

Element
audio Yes 9.0 Yes Yes Yes
video Yes 9.0 Yes Yes Yes