HTML DOM Video play( ) Method

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

Syntax:

videoObject.play()

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

The below program illustrates the Video play() method :

Example: Playing a video with the play button.

HTML

<!DOCTYPE html>

<html>
 
<head>

    <title>

        DOM Video play( ) Method

    </title>

</head>
 
<body style="text-align:center">

    <h1 style="color:green">

        GeeksforGeeks

    </h1>

    <h2 style="font-family: Impact">

        Video play() 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="sample2.ogg"

                type="video/ogg">

    </video>
 
    <p>

          To play the video, double

        click the "Play Video" button.

      </p>

    <br>

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

        Play Video

    </button>
 
    <script>

        let v =

            document.getElementById("Test_Video");

        function My_Video() {

            v.play();

        }

    </script>

</body>

</html>

Output:

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

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

Article Tags :

HTML

Web Technologies

HTML-DOM