&nb"/> &nb">

Home  >  Article  >  Web Front-end  >  Execute script when media data in HTML loads?

Execute script when media data in HTML loads?

王林
王林forward
2023-09-03 17:49:061228browse

Execute script when media data in HTML loads?

Use the onloaddata event to execute scripts when media data is loaded. You can try running the following code to implement the onloaddata event -

Example

The following code generates an alert box when the video loads -

<!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>

The above is the detailed content of Execute script when media data in HTML loads?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete