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
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
16 Aug, 2022
Like Article
Save Article