HTML | DOM Video startDate Property

The Video startDate property is used for returning a Date object which represents the current timeline offset of the video. The application of the Video startDate property is used to enable accurate synchronization of video streamed live over the internet.

Syntax:

videoObject.startDate

Below program illustrates the Video startDate() property :
Example: Getting the current timeline offset of the video.

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
         Video startDate() Property 
    </title> 
</head> 
  
<body style="text-align: center"> 
  
    <h1 style="color: green"> 
      GeeksforGeeks 
    </h1> 
    <h2 style="font-family: Impact"> 
      Video startDate() Property 
    </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 get the current timeline offset of 
      the video, double click the "Return  
      Timeline Offset" button.</p> 
    <br> 
  
    <button ondblclick="My_Video()"> 
      Return Timeline Offset 
    </button> 
  
    <p id="test"></p> 
  
    <script> 
        function My_Video() { 
            var v = 
                document.getElementById( 
                  "Test_Video").startDate; 
            
            document.getElementById( 
              "test").innerHTML = v; 
        } 
    </script> 
  
</body> 
  
</html> 

Output:

Before clicking the button:
After clicking the button:

Supported browsers: The major browsers are not supported by HTML | DOM Video startDate Property.

My Personal Notes

Recommended Posts: