tutorial pengembangan web terbaru
 

HTML <video> Tag


Contoh

Memutar video:

<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>
Cobalah sendiri "

Definisi dan Penggunaan

The <video> tag menentukan video, seperti klip film atau video stream lainnya.

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

Browser MP4 WebM Ogg
Internet Explorer YES NO NO
Chrome YES YES YES
Firefox YES
from Firefox 21
from Firefox 30 for Linux
YES YES
Safari YES NO NO
Opera YES
From Opera 25
YES YES
  • MP4 = MPEG 4 file dengan H264 codec video dan audio codec AAC
  • WebM = WebM file dengan codec VP8 video dan audio codec Vorbis
  • ogg file = Ogg Theora dengan codec video dan audio codec Vorbis

Jenis MIME untuk Video Format

Format Tipe MIME
MP4 video/mp4
WebM video/webm
Ogg video/ogg

Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung elemen.

Elemen
<video> 4.0 9.0 3.5 4.0 10.5

Perbedaan Antara HTML 4.01 dan HTML5

The <video> tag yang baru di HTML5.


Tips dan Catatan

Tip: Setiap teks antara <video> dan </video> tag akan ditampilkan dalam browser yang tidak mendukung <video> elemen.


Atribut opsional

= Baru di HTML5.

Atribut Nilai Deskripsi
autoplay autoplay Menentukan bahwa video akan mulai bermain segera setelah siap
controls controls Menentukan bahwa kontrol video harus ditampilkan (seperti tombol play / pause dll).
height pixels Menetapkan ketinggian pemutar video
loop loop Menentukan bahwa video akan mulai lagi, setiap kali selesai
muted muted Menentukan bahwa output audio video harus diredam
poster URL Menentukan gambar yang akan ditampilkan saat video sedang men-download, atau sampai pengguna menekan tombol putar
preload auto
metadata
none
Menentukan apakah dan bagaimana penulis berpikir video harus dimuat ketika beban halaman
src URL Menentukan URL dari file video
width pixels Set lebar pemutar video

Atribut global

The <video> tag juga mendukung Atribut Global di HTML .


Atribut acara

The <video> tag juga mendukung Acara Atribut di HTML .


Pages terkait

Referensi HTML DOM: HTML Audio / Video DOM Referensi


Pengaturan Default CSS

Tidak ada.