HTML DOM Video load() मेथड

HTML DOM Video load() का उपयोग वीडियो एलिमेंट को पुनः रेंडर करने के लिए किया जाता है जब इसके कुछ एट्रिब्यूट्स उपयोगकर्ता द्वारा अपडेट किए जाते हैं जैसे 'src'।

सिंटैक्स

videoObject.load()

उदाहरण

आइए Video load() प्रॉपर्टी का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <title>HTML DOM Video load()</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-load( )</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(1)" value="Slow (<<)">          <input type="button" onclick="getTrackDetails(2)" value="Fast (>>)">          <div id="divDisplay"></div>          </fieldset>    </form> <script>    var divDisplay = document.getElementById("divDisplay");    var demo = document.getElementById("demo");    function getTrackDetails(val) {       if(val === 1){          demo.defaultPlaybackRate -= 0.5;          demo.load();          divDisplay.textContent = 'Default Playback Set: '+demo.defaultPlaybackRate;       }       else{          demo.defaultPlaybackRate += 0.5;          demo.load();          divDisplay.textContent = 'Default Playback Set: '+demo.defaultPlaybackRate;       }    } </script> </body> </html>

आउटपुट

'Fast (>>)' बटन पर 2 बार क्लिक करने पर:

HTML DOM Video load() मेथड

'Slow (<<)' बटन पर क्लिक करने पर:

HTML DOM Video load() मेथड