Tag video
Tag video membolehkan anda menambah video pada halaman HTML.
Ia juga boleh digunakan untuk mengawal video tersebut.
Laluan ke fail video ditentukan melalui
atribut src atau tag bersarang source.
Jika anda ingin melihat pemain untuk mengawal main balik
video - anda harus menambah atribut controls.
Tanpanya, anda tidak akan melihat apa-apa - bunyi dan imej
pada masa yang sama juga tidak akan ada.
Kadangkala meletakkan video di tapak web itu sendiri tidak
sangat mudah (contohnya, hosting anda mempunyai
had saiz tapak web). Dalam kes ini
video boleh dimuat naik ke YouTube dan disambungkan
menggunakan tag iframe.
Atribut
| Atribut | Keterangan |
|---|---|
src |
Menentukan laluan ke fail video.
Tetapi lebih baik menggunakan tag source untuk ini
(dalam kes ini, video boleh ditetapkan dalam format yang berbeza).
|
preload |
Digunakan untuk memuatkan fail video serentak dengan pemuatan halaman tapak web.
Nilai yang diterima: none (jangan muat fail, secara lalai),
metadata (muat hanya maklumat perkhidmatan: tempoh bunyi dan sebagainya),
auto (muat video sepenuhnya semasa memuat halaman HTML).
|
autoplay |
Bunyi mula dimainkan serta-merta selepas halaman dimuat,
pada masa yang sama kehadiran atribut preload akan diabaikan.
Atribut tanpa nilai. |
controls |
Menambah panel kawalan kepada video.
Atribut tanpa nilai. Secara lalai (jika tiada atribut) panel tidak ditambah. |
loop |
Mengulangi rakaman audio dalam "bulatan":
selepas selesai, ia akan mula bermain semula.
Atribut tanpa nilai. Secara lalai (jika tiada atribut) rakaman akan dimainkan hanya 1 kali.
|
poster |
Laluan ke gambar, yang akan dipaparkan semasa video tidak tersedia atau tidak dimainkan.
Jika atribut poster tidak dinyatakan, pelayar akan cuba memaparkan bingkai pertama video.
|
height |
Atribut height menetapkan ketinggian kawasan main balik klip video (dalam piksel
atau peratus).
Video itu sendiri mengubah saiznya menjadi lebih besar atau lebih kecil, menyesuaikan diri dengan ketinggian yang ditetapkan,
tetapi perkadarannya tidak berubah.
Nilai lalai: ketinggian diambil dari parameter video, jika nilai ini tidak tersedia, maka nilai atribut height
dianggap sama dengan ketinggian gambar dari atribut poster.
Jika poster juga tidak ditetapkan - ketinggian
ditetapkan kepada 150 piksel.
|
width |
Atribut width menetapkan lebar kawasan main balik klip video (dalam piksel
atau peratus).
Video itu sendiri mengubah saiznya menjadi lebih besar atau lebih kecil, menyesuaikan diri dengan lebar yang ditetapkan,
tetapi perkadarannya tidak berubah.
Nilai lalai: 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 ditetapkan - lebar
ditetapkan kepada 150 piksel.
|
Contoh . Pemain pada halaman tapak web
Mari tambah pemain dengan video pada halaman.
Untuk pelayar yang tidak menyokong
tag video, catatan khas
mengenai ini ditinggalkan:
<video src="moovie.mp4" controls>
Pelayar anda tidak menyokong video pada HTML5.
</video>
Contoh .
Mari untuk tag video
tambah tag source:
<video>
<source src="moovie.mp4" controls>
Pelayar anda tidak menyokong video pada HTML5.
</video>
