Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

एचटीएमएल डोम वीडियो नेटवर्कराज्य संपत्ति


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

सिंटैक्स

निम्नलिखित वाक्य रचना है -

वापसी संख्या मान

mediaObject.networkState

यहां, वापसी मूल्य निम्नलिखित हो सकता है -

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

आइए हम HTML DOM वीडियो नेटवर्क स्थिति . का एक उदाहरण देखें संपत्ति -

उदाहरण

<!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>

आउटपुट

‘नेटवर्क स्थिति प्राप्त करें’ पर क्लिक करना बिना किसी स्रोत के परिभाषित बटन -

एचटीएमएल डोम वीडियो नेटवर्कराज्य संपत्ति

‘नेटवर्क स्थिति प्राप्त करें’ पर क्लिक करना स्रोत परिभाषित लेकिन ब्राउज़र डाउनलोडिंग डेटा वाला बटन -

एचटीएमएल डोम वीडियो नेटवर्कराज्य संपत्ति


  1. HTML DOM वीडियो चलाई गई संपत्ति

    HTML DOM वीडियो प्ले प्रॉपर्टी एक TimeRanges ऑब्जेक्ट देता है जिसमें वीडियो की प्ले की गई रेंज की लंबाई और उसकी शुरुआत, अंत स्थिति के बारे में जानकारी होती है। सिंटैक्स निम्नलिखित वाक्य रचना है - रिटर्निंग टाइमरेंज ऑब्जेक्ट mediaObject.played आइए देखें वीडियो चलाया गया . का एक उदाहरण संपत्ति - उद

  1. एचटीएमएल डोम वीडियो प्लेबैकरेट संपत्ति

    HTML DOM वीडियो प्लेबैक रेट प्रॉपर्टी मीडिया की वर्तमान प्लेबैक दर के अनुरूप एक संख्या लौटाती/सेट करती है। सिंटैक्स निम्नलिखित वाक्य रचना है - वापसी प्लेबैक दर एक संख्या के रूप में mediaObject.playbackRate प्लेबैक दर सेट करना एक नंबर के लिए mediaObject.playbackRate = number ध्यान दें - संख्या इसक

  1. एचटीएमएल डोम वीडियो चौड़ाई संपत्ति

    HTML DOM वीडियो चौड़ाई गुण मीडिया की चौड़ाई (पिक्सेल में) के अनुरूप संख्या लौटाता/सेट करता है। सिंटैक्स निम्नलिखित वाक्य रचना है - वापसी चौड़ाई एक संख्या के रूप में (px) मीडियाऑब्जेक्ट.चौड़ाई चौड़ाई को किसी संख्या (px) पर सेट करना मीडियाऑब्जेक्ट.चौड़ाई =संख्या आइए वीडियो की चौड़ाई . का एक उदाहरण