Minggu, 07 Mei 2017
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
|
