Thuộc tính poster của đối tượng Video trong HTML DOM trả về hoặc thiết lập một chuỗi tương ứng với URL của một hình ảnh được hiển thị cho đến khi video được phát hoặc trạng thái mạng bằng '2'.
Cú pháp
Trả về giá trị chuỗi:
mediaObject.poster
Thiết lập poster thành URLString:
mediaObject.poster = URLString
Ví dụ
Ví dụ minh họa thuộc tính HTML DOM Video poster:
<!DOCTYPE html> <html> <head> <title>HTML DOM Video poster</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-poster</legend> <video id="demo" width="320" controls><source src="https://www.tutorialspoint.com/html5/foo.mp4" poster='' type="video/mp4"></video><br> <input type="button" onclick="getTrackDetails()" value="Lấy URL Poster"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var demo = document.getElementById("demo"); function getTrackDetails() { if(demo.poster === '') divDisplay.textContent = 'Không có Poster, khung hình đầu của video được dùng làm poster'; else divDisplay.textContent = 'URL Poster: '+demo.poster; } </script> </body> </html>
Kết quả
Trước khi nhấn nút „Lấy URL Poster“:
Sau khi nhấn nút „Lấy URL Poster“:
