Thẻ <video> HTML

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

<video> thẻ được sử dụng để chèn nội dung video trong tài liệu, chẳng hạn như đoạn phim hoặc luồng video khác.

<video> thẻ chứa một hoặc nhiều thẻ có nguồn video khác nhau thẻ <source>。Trình duyệt sẽ chọn đầu tiên mà nó hỗ trợ.

<video> và </video> Chỉ văn bản giữa các thẻ sẽ hiển thị trong trình duyệt không hỗ trợ <video> sẽ hiển thị trong trình duyệt của thẻ.

HTML hỗ trợ ba định dạng video: MP4, WebM và OGG.

Trình duyệt MP4 WebM Ogg
Edge Hỗ trợ Hỗ trợ Hỗ trợ
Chrome Hỗ trợ Hỗ trợ Hỗ trợ
Firefox Hỗ trợ Hỗ trợ Hỗ trợ
Safari Hỗ trợ Hỗ trợ Không hỗ trợ
Opera Hỗ trợ Hỗ trợ Hỗ trợ

Xin xem thêm:

Tài liệu tham khảo HTML DOM:Tài liệu tham khảo DOM Audio/Video HTML

Mẫu

Chơi 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 hôm nay

Lưu ý và chú thích

Lưu ý:Đối với tệp âm thanh, hãy xem thẻ <audio>.

Thuộc tính tùy chọn

Thuộc tính Giá trị Mô tả
autoplay autoplay Định nghĩa video sẽ bắt đầu chơi ngay lập tức sau khi đã sẵn sàng.
controls controls Định nghĩa các điều khiển video nên hiển thị (ví dụ như nút phát / dừng, ...)
height pixel Đặt chiều cao của trình phát video.
loop loop Định nghĩa video sẽ bắt đầu lại mỗi lần kết thúc.
muted muted Định nghĩa có nên tắt âm thanh đầu ra của video.
poster URL Định nghĩa hình ảnh hiển thị trong khi tải video hoặc trước khi người dùng nhấn nút phát.
preload
  • auto
  • metadata
  • none
 Định nghĩa có nên tải hoặc cách tải video khi trang web được tải hoặc có nên không.
src URL Định nghĩa URL của tệp video.
width pixel Đặt chiều rộng của trình phát video.

Thuộc tính toàn cục

<video> Thẻ còn hỗ trợ Thuộc tính toàn cục trong HTML.

Thuộc tính sự kiện

<video> Thẻ còn hỗ trợ Thuộc tính sự kiện trong HTML.

Cài đặt CSS mặc định

Không có.

Hỗ trợ trình duyệt

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

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