Open In App

HTML | DOM Video readyState Property

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
Report

The Video readyState property is used for returning the current ready state of the video. The ready state is used for indicating if the video is ready to play or not. The Video readyState property is a read-only property. 

Syntax:

videoObject.readyState

Return Value: The various numbers depicting different ready states are:

  • 0 = HAVE_NOTHING: There is no information related to whether or not the video is ready.
  • 1 = HAVE_METADATA: It tells that the metadata for the video is ready.
  • 2 = HAVE_CURRENT_DATA: It tells that the data for the current playback position is available, but not enough data to play next frame/millisecond.
  • 3 = HAVE_FUTURE_DATA: It tells that the data for the current and at least the next frame is available.
  • 4 = HAVE_ENOUGH_DATAIt tells that there is enough data available to start playing.

Below program illustrates the Video readyState property. 

Example: Getting the current ready state of the video. 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>
        Video readyState Property
    </title>
</head>
 
<body style="text-align:center">
 
    <h1 style="color:green">
      GeeksforGeeks
    </h1>
    <h2 style="font-family: Impact">
      Video readyState Property
    </h2>
    <br>
 
    <video id="Test_Video"
           width="360"
           height="240"
           controls>
        <source src="samplevideo.mp4"
                type="video/mp4">
        <source src="movie.ogg"
                type="video/ogg">
    </video>
 
    <p>To return the current ready state of the
      video, double click the "Return State" button.</p>
 
    <button ondblclick="My_Video()"
            type="button">
      Return State
    </button>
 
    <p id="test"></p>
 
    <script>
        function My_Video() {
            var v = document.getElementById(
              "Test_Video").readyState;
            document.getElementById("test").innerHTML = v;
        }
    </script>
 
</body>
 
</html>


Output:

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

Supported Browsers: The browser supported by HTML | DOM Video readyState Property are listed below:

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


Last Updated : 16 Aug, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads