HTML में वीडियो डाउनलोड होते समय दिखाने के लिए इमेज कैसे सेट करें?

poster एट्रिब्यूट का उपयोग <video> पर करके वह इमेज निर्दिष्ट की जाती है जो वीडियो डाउनलोड हो रहा हो या उपयोगकर्ता प्ले न करे तब तक दिखाई जाती है। यह वीडियो का थंबनेल/प्लेसहोल्डर होता है।

उदाहरण

निम्न कोड से poster एट्रिब्यूट लागू करें:

<!DOCTYPE HTML> <html> 
  <body> 
    <video width="300" height="200" poster="https://www.tutorialspoint.com/images/logo.png" controls> 
      <source src="/html5/foo.ogg" type="video/ogg" /> 
      <source src="/html5/foo.mp4" type="video/mp4" /> 
      आपका ब्राउज़र वीडियो एलिमेंट सपोर्ट नहीं करता। 
    </video> 
  </body> 
</html>

सर्वोत्तम अभ्यास: हमेशा poster प्रदान करें ताकि वीडियो लोड होने से पहले खाली काला बॉक्स न दिखे। इमेज वीडियो के समान एस्पेक्ट रेशियो की होनी चाहिए।