Thuộc tính preload của đối tượng Video trong HTML DOM trả về một chuỗi tương ứng với thời điểm người tạo nghĩ dữ liệu video nên được tải. Đôi khi điều này có thể bị bỏ qua. Giá trị mặc định là 'metadata'.
Cú pháp
Trả về giá trị chuỗi:
mediaObject.preload
Thiết lập preload thành một chuỗi:
mediaObject.preload = "auto|metadata|none"
Ví dụ
Ví dụ minh họa thuộc tính HTML DOM Video preload:
<!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="Tải trước video"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var demo = document.getElementById("demo"); divDisplay.textContent = 'Chế độ tiết kiệm dữ liệu bật. Phát video để tải nó'; function getTrackDetails() { demo.preload = 'metadata' divDisplay.textContent = 'Chế độ tiết kiệm dữ liệu tắt. Tải trước đã bật'; } </script> </body> </html>
Kết quả
Trước khi nhấn nút „Tải trước video“:
Sau khi nhấn nút „Tải trước video“:
