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

HTML DOM Video played प्रॉपर्टी


HTML DOM Video played प्रॉपर्टी

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

सिंटैक्स

TimeRanges ऑब्जेक्ट प्राप्त करना

mediaObject.played

उदाहरण

आइए Video 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>

आउटपुट

चल रहे वीडियो के साथ 'How much free view time is left?' बटन पर क्लिक करने पर:

HTML DOM Video played प्रॉपर्टी

कुछ सेकंड वीडियो चलाने के बाद 'How much free view time is left?' बटन पर क्लिक करने पर:

HTML DOM Video played प्रॉपर्टी

  1. HTML DOM Video poster प्रॉपर्टी HTML DOM Video poster प्रॉपर्टी

    HTML DOM Video poster प्रॉपर्टी HTML DOM Video poster प्रॉपर्टी एक स्ट्रिंग लौटाती/सेट करती है जो उस इमेज के URL से संबंधित होती है जो तब तक दिखाई जाती है जब तक वीडियो चलाया नहीं जाता या नेटवर्क स्थिति 2 के बराबर नहीं होती। सिंटैक्स स्ट्रिंग मान प्राप्त करना mediaObject.poster poster को URLStrin

  1. HTML DOM Video playbackRate प्रॉपर्टी HTML DOM Video playbackRate प्रॉपर्टी

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

  1. HTML DOM Video width प्रॉपर्टी HTML DOM Video width प्रॉपर्टी

    HTML DOM Video width प्रॉपर्टी HTML DOM Video width प्रॉपर्टी मीडिया की चौड़ाई (पिक्सेल में) से संबंधित एक नंबर लौटाती/सेट करती है। सिंटैक्स width को नंबर (px) के रूप में प्राप्त करना mediaObject.width width को नंबर (px) पर सेट करना mediaObject.width = number उदाहरण आइए Video width प्रॉपर्टी का