Computer >> Computer tutorials >  >> Programming >> HTML

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>