HTML DOM Video networkState प्रॉपर्टी

HTML DOM Video networkState प्रॉपर्टी वीडियो की नेटवर्क स्थिति से संबंधित एक नंबर लौटाती है।

सिंटैक्स

नंबर मान प्राप्त करना

mediaObject.networkState

यहां, वापसी मान निम्न हो सकते हैं:

0 (NETWORK_EMPTY) दर्शाता है कि मीडिया अभी तक इनिशियलाइज़ नहीं हुआ है
1 (NETWORK_IDLE) दर्शाता है कि मीडिया सक्रिय है और एक संसाधन चुना गया है, लेकिन नेटवर्क का उपयोग नहीं कर रहा
2 (NETWORK_LOADING) दर्शाता है कि ब्राउज़र मीडिया डेटा डाउनलोड कर रहा है
3 (NETWORK_NO_SOURCE) दर्शाता है कि कोई मीडिया सोर्स नहीं मिला

उदाहरण

आइए HTML DOM Video networkState प्रॉपर्टी का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <title>HTML DOM Video networkState</title> <style>    * {       padding: 2px;       margin:5px;    }    form {       width:70%;       margin: 0 auto;       text-align: center;    }    input[type="button"] {       border-radius: 10px;    } </style> </head> <body>    <form>         <fieldset>          <legend>HTML-DOM-Video-networkState</legend>          <video id="demo" width="320" controls><source    src="https://www.tutorialspoint.com/html5/foo.mp4" type="video/mp4"></video><br>          <input type="button" onclick="setTrackDetails()" value="Set Source">          <input type="button" onclick="getTrackDetails()" value="Get Network State">          <div id="divDisplay">          </div>          </fieldset>    </form> <script>    var divDisplay = document.getElementById("divDisplay");    var demo = document.getElementById("demo");    var srcOfMedia = 'https://www.tutorialspoint.com/html5/foo.mp4';    function getTrackDetails() {       divDisplay.textContent = 'Network State: '+demo.networkState;       }       function setTrackDetails() {          demo.src = srcOfMedia;          demo.load();       } </script> </body> </html>

आउटपुट

'Get Network State' बटन पर क्लिक करने पर जब कोई सोर्स परिभाषित नहीं है:

HTML DOM Video networkState प्रॉपर्टी

'Get Network State' बटन पर क्लिक करने पर जब सोर्स परिभाषित है लेकिन ब्राउज़र डेटा डाउनलोड कर रहा है:

HTML DOM Video networkState प्रॉपर्टी