What is HTML DOM onpause Event?

In this article, we will learn HTML DOM onpause Event,This free HTML tutorial for complete beginners will help you learn HTML from scratch.

HTML DOM onpause Event - ❤️HTML Tutorials In 2024

Q: How to use HTML DOM onpause Event in HTML?

The DOM onpause event occurs when the audio/video is paused

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">
        BeginnerforGeks
    </h1>
    <h2>HTML DOM onpause Event</h2>
    <video controls id="vidID" width="320" height="240">
        <source src=
"https://media.w3wiki.net/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