Open In App

HTML DOM onpause Event

Improve
Improve
Like Article
Like
Save
Share
Report

The DOM onpause event occurs when the audio/video is paused. The audio/video can be paused either by the user or programmatically.

Supported Tags

Syntax: 

  • In HTML:  
<element onpause="myScript">
  • In JavaScript: 
object.onpause = function(){myScript};
  • In JavaScript, using the addEventListener() method: 
object.addEventListener("pause", myScript);

Example: Using the addEventListener() method 

HTML




<!DOCTYPE html>
<html>
   
<head>
    <title>
        HTML DOM onpause Event
    </title>
</head>
 
<body>
    <h1 style="color:green">
        GeeksforGeks
    </h1>
    <h2>HTML DOM onpause Event</h2>
    <video controls id="vidID" width="320" height="240">
        <source src=
                type="video/mp4">
    </video>
   
    <script>
        document.getElementById(
            "vidID").addEventListener(
                "pause", GFGfun);
        function GFGfun() {
            alert("Video paused");
        }
    </script>
</body>
 
</html>


Output: 

 

Supported Browsers: The browsers supported by HTML DOM onpause Event are listed below: 

  • Google Chrome 3
  • Edge 12
  • Internet Explorer 9.0
  • Firefox 3.5
  • Apple Safari 3.1
  • Opera 10.5


Last Updated : 15 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads