Cách tự động phát video/audio khi sẵn sàng trong HTML?

Sử dụng thuộc tính autoplay trên <video> hoặc <audio> để phát tự động khi trang tải. Lưu ý: Nhiều trình duyệt hiện nay chặn autoplay có âm thanh, chỉ cho phép autoplay khi muted hoặc người dùng đã tương tác.

Ví dụ

<!DOCTYPE HTML>
<html>
  <body>
    <video width="300" height="200" controls autoplay muted>
      <source src="/html5/foo.ogg" type="video/ogg" />
      <source src="/html5/foo.mp4" type="video/mp4" />
      Trình duyệt không hỗ trợ video.
    </video>
  </body>
</html>

Lưu ý quan trọng

Thêm muted để autoplay hoạt động trên Chrome, Firefox, Safari mới.
Không lạm dụng autoplay — gây phiền toái người dùng (UX xấu).
Cân nhắc dùng preload="metadata" hoặc preload="auto" để tải trước.

Thuộc tính liên quan

Thuộc tính	Mô tả
controls	Hiển thị điều khiển (play, pause, volume...)
loop	Phát lặp lại
preload	none, metadata, auto — tải trước bao nhiêu
poster	Ảnh thumbnail trước khi phát