Video nền website: WebM + MP4 nhỏ gọn

Video nền phải nhẹ, im lặng và tự phát ở mọi nơi. Mẫu này tạo hai tệp cùng tên — WebM cho hầu hết trình duyệt, MP4 làm phương án dự phòng cho Safari.

Tệp của bạn ở lại trên thiết bị. Không có gì bị tải lên.

Dùng trên trang của bạn

<video autoplay muted loop playsinline poster="hero.jpg">
  <source src="../hero.webm" type="video/webm">
  <source src="../hero.mp4" type="video/mp4">
</video>

Mẹo

Câu hỏi thường gặp

Vì sao cần hai tệp?

WebM (VP9) nhỏ hơn và chạy trên Chrome, Edge và Firefox; Safari dùng MP4 dự phòng.

Vì sao video phải tắt tiếng?

Trình duyệt chỉ tự phát video không có tiếng, và bỏ rãnh âm thanh cũng làm tệp nhỏ hơn.

Cập nhật lần cuối: 30/10/2026

Xem thêm