The HTMLMediaElement.networkState property indicates the current state of the fetching of media over the network.
Syntax
var networkState = audioOrVideo.networkState;
Value
An unsigned short. Possible values are:
| Constant | Value | Description |
|---|---|---|
NETWORK_EMPTY |
0 | There is no data yet. Also, readyState is HAVE_NOTHING. |
NETWORK_IDLE |
1 | HTMLMediaElement is active and has selected a resource, but is not using the network. |
NETWORK_LOADING |
2 | The browser is downloading HTMLMediaElement data. |
NETWORK_NO_SOURCE |
3 | No HTMLMediaElement src found. |
Examples
This example will listen for the audio element to begin playing and then check if it is still loading data.
<audio id="example" preload="auto"> <source src="sound.ogg" type="audio/ogg" /> </audio>
var obj = document.getElementById('example');
obj.addEventListener('playing', function() {
if (obj.networkState === 2) {
// Still loading...
}
});
Specifications
| Specification | Status | Comment |
|---|---|---|
| HTML Living Standard The definition of 'HTMLMediaElement.networkState' in that specification. |
Living Standard | |
| HTML5 The definition of 'HTMLMediaElement.networkState' in that specification. |
Recommendation |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
networkState | Chrome Full support 43 | Edge Full support 12 | Firefox
Full support
3.5
| IE Full support 9 | Opera Full support Yes | Safari Full support 6 | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support Yes | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support
- See implementation notes.
- See implementation notes.
See also
- The interface defining it,
HTMLMediaElement.
