Thuộc tính width của thẻ <video> trong HTML

Thẻ <video> HTML

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

width Thuộc tính xác định chiều rộng của trình phát video, tính bằng pixel.

Gợi ý:Luôn chỉ định cùng lúc các thuộc tính height và width thuộc tính. Nếu đã thiết lập các thuộc tính này, không gian cần thiết cho video sẽ được giữ lại khi trang được tải. Nhưng nếu không có các thuộc tính này, trình duyệt sẽ không biết kích thước của video và sẽ không thể để trống không gian phù hợp cho nó. Kết quả là bố cục trang sẽ thay đổi trong quá trình tải (khi video được tải).

Lưu ý:Vui lòng không sử dụng height và width Tùy chỉnh lại kích thước video! Sử dụng các thuộc tính này để thu nhỏ video lớn sẽ buộc người dùng tải xuống video gốc (mặc dù nó trông rất nhỏ trên trang web). Cách đúng đắn là sử dụng một chương trình để thu nhỏ lại video trước khi sử dụng nó trên trang web.

Mẫu

Đã thiết lập kích thước cao và rộng của bộ phát video:

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Trình duyệt của bạn không hỗ trợ thẻ video.
</video>

Thử ngay

Cú pháp

<video width="pixels">

Giá trị thuộc tính

Giá trị Mô tả
pixels Chiều rộng video, bằng pixel (ví dụ: width="100").

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5

Thẻ <video> HTML