Phương thức load() của đối tượng Video trong HTML DOM được sử dụng để hiển thị lại phần tử video sau khi một số thuộc tính của nó được cập nhật bởi người dùng, chẳng hạn như 'src'.
Cú pháp
videoObject.load()
Ví dụ
Ví dụ minh họa phương thức Video load():
<!DOCTYPE html> <html> <head> <title>HTML DOM Video load()</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-load( )</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(1)" value="Chậm (<<)"> <input type="button" onclick="getTrackDetails(2)" value="Nhanh (>>)"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var demo = document.getElementById("demo"); function getTrackDetails(val) { if(val === 1){ demo.defaultPlaybackRate -= 0.5; demo.load(); divDisplay.textContent = 'Tốc độ phát mặc định: '+demo.defaultPlaybackRate; } else{ demo.defaultPlaybackRate += 0.5; demo.load(); divDisplay.textContent = 'Tốc độ phát mặc định: '+demo.defaultPlaybackRate; } } </script> </body> </html>
Kết quả
Nhấn nút „Nhanh (>>)“ 2 lần:
Nhấn nút „Chậm (<<)“:
