Skip to content
Related Articles

Related Articles

Improve Article
HTML | DOM onpause Event
  • 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=
                    type="video/mp4">
        </video>
  
        <script>
            document.getElementById(
              "vidID").addEventListener(
              "pause", GFGfun);
  
            function GFGfun() {
                alert("Video paused");
            }
        </script>
    </center>
</body>
  
</html>

Output:

  • Before Pause:
  • After Pause:

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

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Apple Safari
  • Opera



My Personal Notes arrow_drop_up