ভিডিও প্লেড প্রোপার্টি
HTML DOM Video played প্রোপার্টি একটি TimeRanges অবজেক্ট ফেরত দেয় যাতে ভিডিওর প্লে করা রেঞ্জের দৈর্ঘ্য এবং এর শুরু, শেষ অবস্থানের তথ্য থাকে।
সিনট্যাক্স
TimeRanges অবজেক্ট ফেরত দেওয়া
mediaObject.played
উদাহরণ
Video played প্রোপার্টির একটি উদাহরণ -
<!DOCTYPE html> <html> <head> <title>HTML DOM Video played</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-played</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()" value="How much free view time is left?"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var demo = document.getElementById("demo"); demo.autoplay =true; var limit = 5; function getTrackDetails() { divDisplay.textContent = 'You have '+(limit - demo.played.end(0))+' seconds left'; } </script> </body> </html>
আউটপুট
চলমান ভিডিওর সাথে 'How much free view time is left?' বাটনে ক্লিক করলে -
কয়েক সেকেন্ড ভিডিও প্লে করার পর 'How much free view time is left?' বাটনে ক্লিক করলে -
