HTML | DOM Video networkState Property

Last Updated : 05 Aug, 2019

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.

<!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
- Internet Explorer
- Firefox
- Opera
- Apple Safari
My Personal Notes

Related Articles