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

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


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

HTML DOM Video duration प्रॉपर्टी वीडियो की लंबाई (सेकंड में) से संबंधित एक नंबर लौटाती है।

नोट: लाइव स्ट्रीम के लिए यह 'Inf' लौटाता है जो अनंत है क्योंकि लाइव स्ट्रीम की कोई पूर्वनिर्धारित अवधि नहीं होती।

सिंटैक्स

स्ट्रिंग मान प्राप्त करना

mediaObject.duration

उदाहरण

आइए HTML DOM Video duration प्रॉपर्टी का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <title>HTML DOM Video duration</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-duration</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 many seconds of content is this             video?">          <div id="divDisplay"></div>          </fieldset>    </form> <script>    var divDisplay = document.getElementById("divDisplay");    var demo = document.getElementById("demo");    function getTrackDetails() {       divDisplay.textContent = 'Duration: '+demo.duration+' seconds';    } </script> </body> </html>

आउटपुट

'How many seconds of content is this video?' बटन पर क्लिक करने से पहले:

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

'How many seconds of content is this video?' बटन पर क्लिक करने के बाद:

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

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

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

  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 प्रॉपर्टी का