Execute a script when media data is loaded in HTML?

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>
Updated on: 2020-06-24T08:28:09+05:30

176 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements