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


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>

Updated on: 03-Mar-2020

137 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements