ভিডিও পোস্টার প্রোপার্টি
HTML DOM Video poster প্রোপার্টি একটি স্ট্রিং ফেরত দেয় বা সেট করে যা ভিডিও প্লে হওয়া পর্যন্ত বা নেটওয়ার্ক স্টেট '2' হলে না পর্যন্ত দেখানো ছবির URL নির্দেশ করে।
সিনট্যাক্স
স্ট্রিং মান ফেরত দেওয়া
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' বাটনে ক্লিক করার পর -
