Thuộc tính poster của video

Định nghĩa và cách sử dụng

poster Thuộc tính này thiết lập hoặc trả về giá trị của thuộc tính poster của video.

poster Thuộc tính này quy định hình ảnh cần hiển thị khi video đang tải xuống hoặc khi người dùng nhấn nút phát. Nếu không được thiết lập, hình ảnh đầu tiên của video sẽ được sử dụng.

Thực hành

Ví dụ 1

Thay đổi hình ảnh bìa của video:

document.getElementById("myVideo").poster = "/images/w3logo.png";

Thử ngay

Ví dụ 1

Lấy URL của hình ảnh bìa:

var x = document.getElementById("myVideo").poster;

Thử ngay

Cú pháp

Trả về thuộc tính poster:

videoObject.poster

Đặt thuộc tính poster:

videoObject.poster = URL

Giá trị thuộc tính

Giá trị Mô tả
URL

Định nghĩa URL của tệp hình ảnh.

Các giá trị có thể:

  • URL tuyệt đối - chỉ đường đến một trang web khác (ví dụ href="http://www.example.com/poster.jpg")
  • URL tương đối - chỉ đường đến tệp trong trang web (ví dụ: href="poster.jpg"))

Chi tiết kỹ thuật

Giá trị trả về: Giá trị chuỗi, biểu thị URL của hình ảnh bìa. Trả về URL đầy đủ, bao gồm giao thức (ví dụ: http://).

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ 9.0 Hỗ trợ Hỗ trợ Hỗ trợ

Trang liên quan

Tài liệu tham khảo HTML:Thuộc tính poster của HTML <video>