Open In App

HTML | DOM Video networkState Property

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

The Video networkState property is used for returning the current network state of the video. The Video networkState returns a number which may have the following values :

  • 0 = NETWORK_EMPTY: It states that the video has not yet been initialized.
  • 1 = NETWORK_IDLE: It states that the video is active and has selected a resource, but is not using the network
  • 2 = NETWORK_LOADING: It states that the browser is downloading data.
  • 3 = NETWORK_NO_SOURCE: It states that no video source is found

Syntax:

 videoObject.networkState

Below program illustrates the Video networkState property : 

Example: Getting the current network state of the video. 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>
       HTML | DOM Video networkState Property
    </title>
</head>
<body style="text-align:center">
 
    <h1 style="color:green">
      GeeksforGeeks
    </h1>
    <h2 style="font-family:Impact">
      Video networkState 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>For knowing the network state of
      the video, double click the "Return
      Network State" button.
    </p>
 
    <button ondblclick="set()"
            type="button">
      Return Network State
    </button>
 
    <p id="test"></p>
 
    <script>
        function set() {
           
            var v = document.getElementById(
              "Test_Video").networkState;
           
            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 networkState Property 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


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