Thuộc tính HTML DOM Video được lưu vào bộ đệm trả về đối tượng TimeRanges chứa thông tin về độ dài phạm vi được lưu trong bộ đệ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.buffered
Hãy để chúng tôi xem ví dụ về Video bị lưu vào bộ đệm tài sản -
Ví dụ
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Video buffered</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-buffered</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="Get Buffered Seconds">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var demo = document.getElementById("demo");
demo.buffered = true;
function getTrackDetails() {
divDisplay.textContent = 'Buffered: '+demo.buffered.end(0)+' seconds';
}
</script>
</body>
</html> Đầu ra
Nhấp vào ‘Nhận giây được đệm’ nút mà không phát video -
Nhấp vào ‘Nhận giây được đệm’ nút sau khi phát video -
