Tag video
Tag video memungkinkan untuk menambahkan video ke halaman HTML.
Dengan itu, Anda juga dapat mengontrol video tersebut.
Jalur ke file video ditentukan melalui
atribut src atau tag bersarang source.
Jika Anda ingin melihat pemutar untuk mengontrol pemutaran
video - Anda harus menambahkan atribut controls.
Tanpanya, Anda tidak akan melihat apa pun - suara dan gambar
juga tidak akan ada.
Terkadang menempatkan video di situs itu sendiri tidak
sangat nyaman (misalnya, hosting Anda memiliki
batasan ukuran situs). Dalam hal ini
video dapat diunggah ke YouTube dan disematkan
menggunakan tag iframe.
Atribut
| Atribut | Keterangan |
|---|---|
src |
Menentukan jalur ke file video.
Tetapi lebih baik menggunakan tag source untuk ini
(dalam hal ini, video dapat ditentukan dalam format yang berbeda).
|
preload |
Digunakan untuk memuat file video bersamaan dengan pemuatan halaman situs.
Nilai yang diterima: none (tidak memuat file, default),
metadata (hanya memuat informasi sistem: durasi, dll.),
auto (memuat seluruh video saat halaman HTML dimuat).
|
autoplay |
Suara mulai diputar segera setelah halaman dimuat,
dan keberadaan atribut preload akan diabaikan.
Atribut tanpa nilai. |
controls |
Menambahkan panel kontrol ke video.
Atribut tanpa nilai. Secara default (jika atribut tidak ada) panel tidak ditambahkan. |
loop |
Mengulang rekaman audio secara "berkeliling":
setelah selesai, itu akan mulai diputar lagi.
Atribut tanpa nilai. Secara default (jika atribut tidak ada) rekaman hanya akan diputar 1 kali.
|
poster |
Jalur ke gambar yang akan ditampilkan saat video tidak tersedia atau tidak diputar.
Jika atribut poster tidak ditentukan, browser akan mencoba menampilkan frame pertama video.
|
height |
Atribut height mengatur tinggi area pemutaran video (dalam piksel
atau persen).
Video itu sendiri mengubah ukurannya menjadi lebih besar atau lebih kecil, menyesuaikan dengan tinggi yang ditentukan,
tetapi proporsinya tidak berubah.
Nilai default: tinggi diambil dari parameter video, jika nilai ini tidak tersedia, maka nilai atribut height
dianggap sama dengan tinggi gambar dari atribut poster.
Jika poster juga tidak ditentukan - tinggi
diatur ke 150 piksel.
|
width |
Atribut width mengatur lebar area pemutaran video (dalam piksel
atau persen).
Video itu sendiri mengubah ukurannya menjadi lebih besar atau lebih kecil, menyesuaikan dengan lebar yang ditentukan,
tetapi proporsinya tidak berubah.
Nilai default: lebar diambil dari parameter video, jika nilai ini tidak tersedia, maka nilai atribut width
dianggap sama dengan lebar gambar dari atribut poster.
Jika poster juga tidak ditentukan - lebar
diatur ke 150 piksel.
|
Contoh . Pemutar di Halaman Situs
Mari tambahkan pemutar dengan video ke halaman.
Untuk browser yang tidak mendukung
tag video, pesan khusus
tentang hal itu ditinggalkan:
<video src="moovie.mp4" controls>
Browser Anda tidak mendukung video di HTML5.
</video>
Contoh .
Mari untuk tag video
tambahkan tag source:
<video>
<source src="moovie.mp4" controls>
Browser Anda tidak mendukung video di HTML5.
</video>
