Thuộc tính tải trước HTML DOM Video trả về một chuỗi tương ứng với thời điểm người tạo cho rằng dữ liệu video sẽ tải. Mặc dù đôi khi điều này có thể bị bỏ qua. Giá trị mặc định là "siêu dữ liệu".
Cú pháp
Sau đây là cú pháp -
Trả về giá trị chuỗi
mediaObject.preload
Đặt tải trước thành một chuỗi
mediaObject.preload = “auto|metadata|none”
Hãy để chúng tôi xem ví dụ về Tải trước HTML DOM Video tài sản -
Ví dụ
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Video preload</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-preload</legend>
<video id="demo" width="320" preload=”none” controls><source
src="https://www.tutorialspoint.com/html5/foo.mp4" type="video/mp4"></video><br>
<input type="button" onclick="getTrackDetails()" value="Preload Video">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var demo = document.getElementById("demo");
divDisplay.textContent = 'Data Savings mode on. Play video to load it';
function getTrackDetails() {
demo.preload = 'metadata'
divDisplay.textContent = 'Data Savings mode off. Preload enabled';
}
</script>
</body>
</html> Đầu ra
Trước khi nhấp vào ‘Tải trước video’ nút -
Sau khi nhấp vào ‘Tải trước video nút -
