HTML DOM वीडियो बफ़र की गई संपत्ति

HTML DOM वीडियो बफ़र की गई प्रॉपर्टी एक TimeRanges ऑब्जेक्ट लौटाती है जिसमें वीडियो की बफ़र की गई रेंज की लंबाई और उसकी शुरुआत, अंत स्थिति के बारे में जानकारी होती है।

सिंटैक्स

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

रिटर्निंग टाइमरेंज ऑब्जेक्ट

mediaObject.buffered

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

उदाहरण

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Video buffered</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-buffered</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="Get Buffered Seconds">
         <div id="divDisplay"></div>
      </fieldset>
   </form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var demo = document.getElementById("demo");
   demo.buffered = true;
   function getTrackDetails() {
      divDisplay.textContent = 'Buffered: '+demo.buffered.end(0)+' seconds';
   }
</script>
</body>
</html>

आउटपुट

‘बफ़र किए गए सेकंड प्राप्त करें’ . पर क्लिक करना बिना वीडियो चलाए बटन -

HTML DOM वीडियो बफ़र की गई संपत्ति

‘बफ़र किए गए सेकंड प्राप्त करें’ . पर क्लिक करना वीडियो चलाने के बाद बटन -

HTML DOM वीडियो बफ़र की गई संपत्ति