HTML DOM वीडियो लूप प्रॉपर्टी

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

सिंटैक्स

निम्नलिखित सिंटैक्स है -

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

mediaObject.loop

लूप सेट करना बूलियनवैल्यू के लिए

mediaObject.loop = booleanValue

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

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

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

उदाहरण

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Video loop</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-loop</legend>
         <video id="demo" width="320" controls><source    src="https://www.tutorialspoint.com/html5/foo.mp4" type="video/mp4" type="video/mp4"></video><br>
         <input type="button" onclick="getTrackDetails()" value="Loop Video Tutorial">
         <div id="divDisplay"></div>
      </fieldset>
   </form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var demo = document.getElementById("demo");
   divDisplay.textContent = 'Video loop: '+demo.loop;
   function getTrackDetails() {
      demo.loop = true;
      demo.load();
      divDisplay.textContent = 'Video loop: '+demo.loop;
   }
</script>
</body>
</html>

आउटपुट

'लूप वीडियो ट्यूटोरियल' clicking क्लिक करने से पहले बटन -

HTML DOM वीडियो लूप प्रॉपर्टी

'लूप वीडियो ट्यूटोरियल' clicking क्लिक करने के बाद बटन, वीडियो शुरुआत में पहुंच जाएगा -

HTML DOM वीडियो लूप प्रॉपर्टी