Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM Video play( ) Method

  • Last Updated : 05 Aug, 2019

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 on the video.

Syntax:

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

videoObject.play()

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

Below program illustrates the Video play() method :
Example: Playing a video with the play button.




<!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>
        var v =
            document.getElementById("Test_Video");
  
        function My_Video() {
            v.play();
        }
    </script>
  
</body>
  
</html>

Output:

  • Before clicking the button:
  • After clicking the button:

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

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



My Personal Notes arrow_drop_up
Recommended Articles
Page :