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

HTML DOM Video preload प्रॉपर्टी एक स्ट्रिंग लौटाती है जो दर्शाती है कि निर्माता के अनुसार वीडियो डेटा कब लोड होना चाहिए। हालांकि कभी-कभी इसे नजरअंदाज किया जा सकता है। डिफ़ॉल्ट मान 'metadata' है।

सिंटैक्स

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

mediaObject.preload

preload को स्ट्रिंग पर सेट करना

mediaObject.preload = "auto|metadata|none"

उदाहरण

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

<!DOCTYPE html> <html> <head> <title>HTML DOM Video preload</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-preload</legend>          <video id="demo" width="320" preload=”none” controls><source          src="https://www.tutorialspoint.com/html5/foo.mp4" type="video/mp4"></video><br>          <input type="button" onclick="getTrackDetails()" value="Preload Video">          <div id="divDisplay"></div>          </fieldset>    </form>    <script>       var divDisplay = document.getElementById("divDisplay");       var demo = document.getElementById("demo");       divDisplay.textContent = 'Data Savings mode on. Play video to load it';       function getTrackDetails() {          demo.preload = 'metadata'          divDisplay.textContent = 'Data Savings mode off. Preload enabled';       }    </script> </body> </html>

आउटपुट

'Preload Video' बटन पर क्लिक करने से पहले:

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

'Preload Video बटन पर क्लिक करने के बाद:

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