Open In App

HTML DOM onpause Event

Last Updated : 15 Jun, 2023
Comments
Improve
Suggest changes
Like Article
Like
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=
"https://media.geeksforgeeks.org/wp-content/uploads/20190401140735/g4g2.mp4" 
                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

Next Article

Similar Reads