Tag HTML <video>

  • Halaman Sebelumnya <var>
  • Halaman Berikutnya <wbr>

Definisi dan Penggunaan

<video> Tanda digunakan untuk menggabungkan konten video di dokumen, seperti klip film atau aliran video lainnya.

<video> Tanda berisi satu atau lebih sumber video yang berbeda Tanda <source>Browser akan memilih yang pertama yang didukung.

<video> dan </video> Teks antara tanda adalah hanya akan ditampilkan jika tidak didukung <video> Tampil di browser elemen.

HTML mendukung tiga format video: MP4, WebM, dan OGG.

Browser MP4 WebM Ogg
Edge Dukung Dukung Dukung
Chrome Dukung Dukung Dukung
Firefox Dukung Dukung Dukung
Safari Dukung Dukung Tidak Dukung
Opera Dukung Dukung Dukung

Juga lihat:

Panduan HTML DOM:Panduan DOM Audio/Video HTML

Contoh

Putar video:

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Browser Anda tidak mendukung tanda video.
</video>

Coba sendiri

Petunjuk dan Komentar

Petunjuk:Untuk file audio, lihat tanda <audio>.

Atribut pilihan

Atribut Nilai Deskripsi
autoplay autoplay Tentukan video akan dimulai segera setelah siap.
controls controls Tentukan kontrol yang harus ditampilkan (contoh tombol play/pause dll).
height Pixel Atur tinggi pemutar video.
loop loop Tentukan video akan mulai kembali setiap kali berakhir.
muted muted Tentukan apakah audio output video harus dimuting.
poster URL Tentukan gambar yang akan ditampilkan selama mengunduh video atau sebelum tombol play di-klik.
preload
  • auto
  • metadata
  • none
 Tentukan apakah video harus dimuat atau bagaimana dimuat saat halaman di-load.
src URL Tentukan URL file video.
width Pixel Atur lebar pemutar video.

Properti Global

<video> Tag juga mendukung Properti Global HTML.

Properti even

<video> Tag juga mendukung Properti even di HTML.

Pengaturan CSS Standar

Tidak ada.

Dukungan Peramban

Angka di tabel menunjukkan versi peramban yang mendukung properti ini penuh.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5
  • Halaman Sebelumnya <var>
  • Halaman Berikutnya <wbr>