HTML | DOM Video networkState Property

Last Updated : 16 Aug, 2022

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>