Thuộc tính played của đối tượng Video trong HTML DOM trả về một đối tượng TimeRanges chứa thông tin về độ dài phạm vi đã phát của video và vị trí bắt đầu, kết thúc của nó.
Cú pháp
Trả về đối tượng TimeRanges:
mediaObject.played
Ví dụ
Ví dụ minh họa thuộc tính 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="Còn bao nhiêu thời gian xem miễn phí?"> <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 = 'Bạn còn '+(limit - demo.played.end(0))+' giây'; } </script> </body> </html>
Kết quả
Nhấn nút „Còn bao nhiêu thời gian xem miễn phí?“ với video đang phát:
Nhấn nút „Còn bao nhiêu thời gian xem miễn phí?“ sau khi phát video vài giây:
