Thuộc tính seekable 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 có thể tìm kiếm 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.seekable
Ví dụ
Ví dụ minh họa thuộc tính Video seekable:
<!DOCTYPE html> <html> <head> <title>HTML DOM Video seekable</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-seekable</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"); function getTrackDetails() { divDisplay.textContent = 'Bạn là người xem premium, nên '+demo.seekable.start(0)+' - '+demo.seekable.end(0)+' là có thể tìm kiếm'; } </script> </body> </html>
Kết quả
Trước khi nhấn nút „Còn bao nhiêu thời gian xem miễn phí?“:
Sau khi nhấn nút „Còn bao nhiêu thời gian xem miễn phí?“:
