How to alert when the meta data of the video has loaded

Play Video

index.html

Example: HTML


ï»¿<!DOCTYPE html>
<html>
<body>
<script>
function myFunction() { alert('Metadata for video loaded');
}
</script>
<video controls onloadedmetadata="myFunction()"> <source src="https://file-examples.com/index.php/sample-video-files/sample-mp4-files/" type="video/mp4"> <source src="https://file-examples.com/index.php/sample-video-files/sample-mp4-files/" type="video/ogg"> Your browser does not support HTML5 video.
</video>
<p>Video courtesy of <a href="https://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.</p>
</body>
</html>

Output should be:

Single Articles

Example of HTML onloadedmetadata Event Attribute	HTML Media Events Attribute
Definition and Usage of HTML onloadedmetadata Event Attribute	HTML Media Events Attribute
Browser Support of HTML onloadedmetadata Event Attribute	HTML Media Events Attribute
Syntax of HTML onloadedmetadata Event Attribute	HTML Media Events Attribute
Attribute Values of HTML onloadedmetadata Event Attribute	HTML Media Events Attribute
Technical Details of HTML onloadedmetadata Event Attribute	HTML Media Events Attribute
How to alert when the meta data of the video has loaded	HTML Media Events Attribute
How to alert when metadata for the audio is loaded	HTML Media Events Attribute

List of Media Events	HTML Media Events Attribute
HTML onabort Event Attrribute	HTML Media Events Attribute
HTML oncanplay Event Attribute	HTML Media Events Attribute
HTML oncanplaythrough Event Attribute	HTML Media Events Attribute
HTML ondurationchange Event Attribute	HTML Media Events Attribute
HTML onended Event Attribute	HTML Media Events Attribute
HTML onerror Event Attribute	HTML Media Events Attribute
HTML onloadeddata Event Attribute	HTML Media Events Attribute
HTML onloadedmetadata Event Attribute	HTML Media Events Attribute
HTML onloadstart Event Attribute	HTML Media Events Attribute

Type :	html
Category :	Web Tutorial
Sub Category :	HTML Media Events Attribute
Uploaded by :	Admin