HTML | DOM onpause Event

Before Pause: <img src=https://media.geeksforgeeks.org/wp-content/uploads/20190731125828/onpause1.png alt class="aligncenter size-full wp-image-1188910">
After Pause: <img src=https://media.geeksforgeeks.org/wp-content/uploads/20190731125829/onpause2.png alt class="aligncenter size-full wp-image-1188911">

Last Updated : 31 Jul, 2019

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

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

<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML DOM onpause Event
    </title>
</head>
  
<body>
    <center>
        <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>
    </center>
</body>
  
</html>