Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Cách thêm video vào trang HTML

Dùng thẻ <video> để nhúng video chuẩn HTML5. Nên chỉ định width và height. Sử dụng <source> với src và type để cung cấp nhiều định dạng (MP4, WebM, Ogg) đảm bảo tương thích trình duyệt.

Thuộc tính phổ biến của <video>

Thuộc tínhGiá trịMô tả
heightpixelsChiều cao player
widthpixelsChiều rộng player
srcURLĐường dẫn file video (dùng trên <source>)
typeMIME_typeLoại MIME (dùng trên <source>)
controlscontrolsHiển thị điều khiển (play, pause, volume...)
autoplayautoplayTự động phát (thường bị chặn nếu có âm thanh)
looploopLặp lại
mutedmutedTắt tiếng (giúp autoplay hoạt động)
posterURLẢnh bìa hiển thị trước khi phát
preloadauto / metadata / noneChiến lược tải trước

Ví dụ cơ bản:

<video width="640" height="360" controls>
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
  Trình duyệt không hỗ trợ thẻ video.
</video>