HTML DOM Video pause( ) Method

The Video pause() method is used to pause the current video from playing. To use the Video pause() method, one must use the controls property to display the video controls such as play, pause, seeking, volume, etc, attached on the video.

Syntax:

videoObject.pause()

Note: The Video pause() method does not accept any parameters and does not return any values.

The below program illustrates the Video pause() method:

Example: Pausing a video with the pause button.

HTML

<!DOCTYPE html>

<html>
 
<head>

    <style>

        h1 {

            color: green;

        }

        h2 {

            font-family: Impact;

        }

        body {

            text-align: center;

        }

    </style>

</head>
 
<body>

    <h1>GeeksforGeeks</h1>

    <h2>Video pause() method</h2>

    <br>
 
    <video id="Test_Video" width="360"

           height="240" controls>

        <source id="mp4_source"

                src="sample2.mp4"

                type="video/mp4">

        <source id="ogg_source"

                src=
"https://media.geeksforgeeks.org/wp-content/uploads/20230623105019/Untitled.mp4"

                type="video/ogg">

    </video>
 
    <p>

          To pause the video,

        double click the "Pause Video" button.

      </p>

    <br>

    <button ondblclick="My_Video()" type="button">

        Pause Video

    </button>

    <script>

        let v =

            document.getElementById(

                "Test_Video");

        function My_Video() {

            v.pause();

        }

    </script>
 
</body>
 
</html>

Output:

Supported Browsers: The browser is supported by HTML DOM Video pause( ) Methods are listed below:

Google Chrome 1 and above
Edge 12 and above
Internet Explorer 9 and above
Firefox 3.5 and above
Opera 12.1 and above
Apple Safari 3.1 and above

Article Tags :

HTML

Web Technologies

HTML-DOM