HTML | DOM Video networkState Property

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

Article Tags :

HTML

Web Technologies

HTML-DOM