HTMLMediaElement: loadedmetadata event

The loadedmetadata event is fired when the metadata has been loaded.

Bubbles	No
Cancelable	No
Interface	`Event`
Target	Element
Default Action	None
Event handler property	`GlobalEventHandlers.onloadedmetadata`
Specification	HTML5 media

Additional Properties

Property	Type	Description
`mozChannels` Read only	int	The number of channels.
`mozSampleRate` Read only	int	The sample rate per second.
`mozFrameBufferLength` Read only	int	The number of samples collected in all channels.

Examples

These examples add an event listener for the HTMLMediaElement's loadedmetadata event, then post a message when that event handler has reacted to the event firing.

Using addEventListener():

const video = document.querySelector('video');

video.addEventListener('loadedmetadata', (event) => {
  console.log('The duration and dimensions ' + '
      of the media and tracks are now known. ');
});

Using the onloadedmetadata event handler property:

const video = document.querySelector('video');

video.onloadedmetadata = (event) => {
  console.log('The duration and dimensions ' + '
      of the media and tracks are now known. ');
};

Specifications

Specification	Status
HTML Living Standard The definition of 'loadedmetadata media event' in that specification.	Living Standard
HTML5 The definition of 'canplay media event' in that specification.	Recommendation

Browser compatibility

BCD tables only load in the browser