HTML Audio/Video DOM loadstart event

Example

Prompt that the audio metadata has been loaded:

myVid=document.getElementById("video1");
myVid.onloadstart=alert("Starting to load video");

Try it yourself

Definition and usage

The loadstart event occurs when the browser begins to search for the specified audio/video. This is when the loading process starts.

The following events occur in sequence when an audio/video is loading:

Browser support

All mainstream browsers support the loadstart event.

Note:Internet Explorer 8 or earlier browsers do not support this event.

Syntax

In HTML:

<audio|video onloadstart="SomeJavaScriptCode">

In JavaScript:

audio|video.onloadstart=SomeJavaScriptCode;

Use addEventListener():

audio|video.addEventListener("loadstart", function()
  {
  //Some JavaScript Code
  }
);

Technical Details

The following HTML tags are supported: <audio>, <video>
The following JavaScript objects are supported: Audio, Video

More Examples

Use the loadstart Attribute on HTML Elements

Listen to the loadstart Event Using addEventListener()