Thuộc tính loop của đối tượng Video trong HTML DOM trả về hoặc thiết lập giá trị boolean cho biết video có tự động phát lại khi kết thúc hay không.
Cú pháp
Trả về giá trị boolean – true/false:
mediaObject.loop
Thiết lập loop thành booleanValue:
mediaObject.loop = booleanValue
Ở đây, "booleanValue" có thể là:
| booleanValue | Chi tiết |
|---|---|
| true | Định nghĩa video sẽ tự động phát lại khi kết thúc |
| false | Định nghĩa video sẽ không tự động phát lại khi kết thúc |
Ví dụ
Ví dụ minh họa thuộc tính Video loop:
<!DOCTYPE html> <html> <head> <title>HTML DOM Video loop</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-loop</legend> <video id="demo" width="320" controls><source src="https://www.tutorialspoint.com/html5/foo.mp4" type="video/mp4" type="video/mp4"></video><br> <input type="button" onclick="getTrackDetails()" value="Lặp video hướng dẫn"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var demo = document.getElementById("demo"); divDisplay.textContent = 'Video loop: '+demo.loop; function getTrackDetails() { demo.loop = true; demo.load(); divDisplay.textContent = 'Video loop: '+demo.loop; } </script> </body> </html>
Kết quả
Trước khi nhấn nút „Lặp video hướng dẫn“:
Sau khi nhấn nút „Lặp video hướng dẫn“, video sẽ quay về đầu:
