HTML Video

HTML5 memperkenalkan elemen <video> yang memungkinkan kamu untuk menampilkan video secara langsung di halaman web tanpa plugin tambahan seperti Flash.

Contoh Dasar Penggunaan <video>

Kamu bisa menambahkan video dengan sumber eksternal atau lokal menggunakan elemen <source> di dalam elemen <video>.

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Browser Anda tidak mendukung tag video.
</video>

Atribut Penting

• controls: Menampilkan kontrol pemutar video (play, pause, volume).
• autoplay: Video akan diputar otomatis saat halaman dimuat.
• muted: Video dimulai dalam keadaan tidak bersuara.
• loop: Video akan diputar ulang secara terus-menerus.
• poster: Gambar yang ditampilkan sebelum video diputar.

Contoh dengan Poster dan Autoplay

<video width="320" height="240" autoplay muted loop poster="thumbnail.jpg">
  <source src="movie.mp4" type="video/mp4">
</video>

Dengan elemen <video>, kamu bisa dengan mudah menambahkan konten multimedia yang menarik dan interaktif ke halaman web kamu.