Menyajikan File Video pada Tampilan Web
File video seperti mp4 dapat dimainkan pada halaman
web melalui tag<video> < /video>.
Ketika mencoba menjalankan video pada halaman
web , file video ditempatkan dalam satu folder yang sama dengan file *.htm dan nama file audio nya
disesuaikan dengan file audio yang anda gunakan.Berikut
adalah format lengkap untuk memainkan video ke dalam aplikasi web
|
<html>
<head>
<title>cek
video</title>
</head>
<body>
<video width="320"
height="240" controls>
<source src="bola.mp4"
type="video/mp4">
browser
anda tidak mendukung format video ini.
</video>
</body>
</html>
|
Atribut
Height dan Width dalam tag <video> digunakan untuk menentukan tinggi dan
lebar penampilan video. Atribut Src menentukan file
video.
Bila listing program diatas dijalankan akan menghasilkan tampilan video
di browser chrome . Tekan tombol play untuk memulai menjalankan videonya
Bila dijalankan akan menghasilkan tampilan
video di browser mozilla
firefox, video tidak akan muncul hal ini dikarenakan browser mozilla firefox
tidak mendukung format file *.mp4.
Tag
<video> memiliki beberapa atribut, tidak hanya width dan height saja. Kontrol atribut menambahkan
kontrol video, seperti play, pause, dan volume.
Berikut ini adalah atribut – atribut yang digunakan pada tag <video>.
|
Atribut
|
Sintaks
|
Deskripsi
|
|
<video autoplay="autoplay">
|
Memulai secara otomatis video
|
|
|
<video controls =
"controls" >
Atau juga bisa ditulis
<video controls>
|
menampilkan tombol kontrol video
|
|
|
height
|
<video
height="240">
|
mengatur tinggi frame video
|
|
<video
width="320">
|
mengatur lebar frame video
|
|
|
<video loop=”loop”>
|
Memutar video secara
berulang-ulang
|
|
|
<video
muted=”muted”>
|
mematikan fungsi suara pada video
|
|
|
<video
poster="anak.gif">
|
memunculkan poster/gambar pada
saat video buffer atau diunduh.
|
|
|
<video
preload="preload">
|
memuat ulang video
|
|
|
<source src="bola.mp4"
type="video/mp4">
|
memberikan link video
|
0 Response to "Menyajikan File Video pada Tampilan Web"
Post a Comment