Execute a script when the media is paused either by the user or programmatically in HTML?

HTMLWeb DevelopmentFront End Technology

The onpause attribute trigger when the media is paused. You can try to run the following code to implement the onpause attribute −

Example

<!DOCTYPE html>
<html>
   <body>
      <h2 id = "test">Play</h2>
      <video id = "myid" width = "320" height = "176" controls onpause = "myFunction()">
         <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 myFunction() {
         document.getElementById("test").innerHTML = "Media paused!";
         }
      </script>
   </body>
</html>
raja
Published on 14-Mar-2018 07:17:23
Advertisements