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 −


The following code generates an alert box when the video gets loaded −

<!DOCTYPE html>
      <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.
         function display() {