ভিডিও প্রিলোড প্রোপার্টি
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' বাটনে ক্লিক করার আগে -
'Preload Video বাটনে ক্লিক করার পর -
