Thuộc tính currentTime của đối tượng Video trong HTML DOM trả về hoặc thiết lập vị trí hiện tại của thanh tìm kiếm (tính bằng giây) của phương tiện truyền thông.
Cú pháp
Trả về vị trí tìm kiếm:
mediaObject.currentTime
Thiết lập currentTime thành vị trí có thể tìm kiếm:
mediaObject.currentTime = seconds
Ví dụ
Ví dụ minh họa thuộc tính Video currentTime:
<!DOCTYPE html> <html> <head> <title>HTML DOM Video currentTime</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-currentTime</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="Nhảy một số giây"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var demo = document.getElementById("demo"); function getTrackDetails() { demo.currentTime = '15'; divDisplay.textContent = 'Đã bỏ qua một số giây'; } </script> </body> </html>
Kết quả
Trước khi nhấn nút „Nhảy một số giây“:
Sau khi nhấn nút „Nhảy một số giây“:
