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

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

सिंटैक्स

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

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

mediaObject.played

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

उदाहरण

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Video played</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-played</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="How much free view time is left?">
         <div id="divDisplay"></div>
         </fieldset>
   </form>
   <script>
      var divDisplay = document.getElementById("divDisplay");
      var demo = document.getElementById("demo");
      demo.autoplay =true;
      var limit = 5;
      function getTrackDetails() {
         divDisplay.textContent = 'You have '+(limit - demo.played.end(0))+' seconds left';
      }
   </script>
</body>
</html>

आउटपुट

‘कितना खाली समय बचा है?’ . पर क्लिक करने से वीडियो चलाने वाला बटन -

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

‘कितना खाली समय बचा है?’ . पर क्लिक करने से कुछ सेकंड के लिए वीडियो चलाने के बाद बटन -

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