HTML5 Video

Bermain Video di HTML

Sebelum HTML5, tidak ada standar untuk menampilkan video pada halaman web.

Sebelum HTML5, video hanya bisa dimainkan dengan plug-in (seperti flash).

HTML5 <video> elemen menentukan cara standar untuk menanamkan video di halaman web.

---

Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang mendukung penuh <video> elemen.

HTML <video> Elemen

Untuk menampilkan video di HTML, menggunakan <video> elemen:

Contoh:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

Bagaimana cara kerjanya

The kontrol atribut menambahkan kontrol video, seperti play, pause, dan volume.

Ini adalah ide yang baik untuk selalu menyertakan lebar dan tinggi atribut.

Jika tinggi dan lebar tidak diatur, browser tidak mengetahui ukuran video. Efeknya akan bahwa halaman akan berubah (atau flicker) sedangkan beban video.

Teks antara <video> dan </ video> tag hanya akan ditampilkan dalam browser yang tidak mendukung <video> elemen.

Beberapa <sumber> elemen dapat link ke file video yang berbeda. Browser akan menggunakan format diakui pertama.

---

HTML <video> Autoplay

Untuk memulai video otomatis menggunakan autoplay atribut:

Contoh:

<video width="320" height="240" autoplay>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

HTML Video - Dukungan Browser

Saat ini, ada 3 format video yang didukung untuk <video> elemen: MP4, WebM, dan Ogg:

HTML Video - Jenis Media

HTML Video - Metode, Properties, dan Acara

---

HTML5 mendefinisikan metode DOM, properti, dan aktivitas untuk <video> elemen.

Hal ini memungkinkan Anda untuk memuat, bermain, dan jeda video, serta pengaturan durasi dan volume.

Ada juga kejadian DOM yang dapat memberitahu Anda ketika video mulai bermain, dijeda, dll

HTML5 Video Tags

sumber:w3schools