Thuộc tính HTML DOM Video đã phát trả về đố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
Sau đây là cú pháp -
Đối tượng TimeRanges trả về
mediaObject.played
Hãy để chúng tôi xem ví dụ về Video đã phát tài sản -
Ví dụ
<!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="How much free view time is left?">
<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 = 'You have '+(limit - demo.played.end(0))+' seconds left';
}
</script>
</body>
</html> Đầu ra
Nhấp vào ‘Còn bao nhiêu thời gian xem miễn phí?’ nút có phát video -
Nhấp vào ‘Còn bao nhiêu thời gian xem miễn phí?’ sau khi phát video trong vài giây -
