Use the onloaddata event to execute a script when media data is loaded. You can try to run the following code to implement onloaddata event −
Example
The following code generates an alert box when the video gets loaded −
<!DOCTYPE html>
<html>
<body>
<video controls onloadeddata = "display()">
<source src = "/html5/foo.ogg" type = "video/ogg" />
<source src = "/html5/foo.mp4" type = "video/mp4" />
Your browser does not support the video element.
</video>
<script>
function display() {
alert("Loaded!");
}
</script>
</body>
</html>