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.