Skip to content
Related Articles

Related Articles

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

    full-stack-img




    My Personal Notes arrow_drop_up
Recommended Articles
Page :