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

HTML DOM वीडियो संपत्ति को नियंत्रित करता है


HTML DOM वीडियो प्रॉपर्टी रिटर्न को नियंत्रित करता है/वीडियो के मानक नियंत्रण सक्षम किए जाएंगे या नहीं, इसके अनुरूप बूलियन मान सेट करता है।

सिंटैक्स

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

बूलियन मान लौटाना - सही/गलत

mediaObject.controls

नियंत्रणों को बूलियनवैल्यू पर सेट करना

mediaObject.controls = booleanValue

यहां, “बूलियनवैल्यू” निम्नलिखित हो सकते हैं -

booleanValue
<वें शैली ="पाठ-संरेखण:केंद्र;">विवरण
सच
यह परिभाषित करता है कि वीडियो में मानक नियंत्रण होंगे
गलत
यह परिभाषित करता है कि वीडियो में मानक नियंत्रण नहीं होंगे

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

उदाहरण

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Video controls</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-controls</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="getTrackDetails()" value="Watch Video">
         <input type="text" id="textSelect" placeholder="Full Name...">
         <div id="divDisplay"></div>
      </fieldset>
   </form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var textSelect = document.getElementById("textSelect");
   var demo = document.getElementById("demo");
   demo.controls = false;
   function getTrackDetails() {
      if(textSelect.value !== ''){
         demo.controls = true;
         divDisplay.textContent = 'Thank you '+textSelect.value;
      }
      else
         divDisplay.textContent = 'Please Provide Full Name to enable video'+textSelect.value;
   }
</script>
</body>
</html>

आउटपुट

'वीडियो देखें' . क्लिक करना खाली इनपुट फ़ील्ड वाला बटन -

HTML DOM वीडियो संपत्ति को नियंत्रित करता है

'वीडियो देखें' . क्लिक करना गैर-खाली इनपुट फ़ील्ड वाला बटन -

HTML DOM वीडियो संपत्ति को नियंत्रित करता है


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

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

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

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

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

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