Thuộc tính HTML DOM Video có thể tìm kiếm trả về đố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
Sau đây là cú pháp -
Đối tượng TimeRanges trả về
mediaObject.seekable
Hãy để chúng tôi xem ví dụ về Video có thể tìm kiếm tài sản -
Ví dụ
<!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="How much free view time is left?">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var demo = document.getElementById("demo");
function getTrackDetails() {
divDisplay.textContent = 'You are a premium viewer, so '+demo.seekable.start(0)+' -
'+demo.seekable.end(0)+' are seekable';
}
</script>
</body>
</html> Đầu ra
Trước khi nhấp vào ‘Còn bao nhiêu thời gian xem miễn phí?’ nút -
Sau khi nhấp vào ‘ Còn bao nhiêu thời gian xem miễn phí?’ nút -
