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

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

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

सिंटैक्स

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

mediaObject.poster

poster को URLString पर सेट करना

mediaObject.poster = URLString

उदाहरण

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

<!DOCTYPE html> <html> <head> <title>HTML DOM Video poster</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-poster</legend>          <video id="demo" width="320" controls><source    src="https://www.tutorialspoint.com/html5/foo.mp4" poster='' type="video/mp4"></video><br>          <input type="button" onclick="getTrackDetails()" value="Get Poster URL">          <div id="divDisplay"></div>          </fieldset>    </form>    <script>       var divDisplay = document.getElementById("divDisplay");       var demo = document.getElementById("demo");       function getTrackDetails() {          if(demo.poster === '')             divDisplay.textContent = 'No Poster, 1st frame of video used as poster';          else             divDisplay.textContent = 'Poster URL: '+demo.poster;       }    </script> </body> </html>

आउटपुट

'Get Poster URL' बटन पर क्लिक करने से पहले:

'Get Poster URL' बटन पर क्लिक करने के बाद: