Menampilkan Video dalam Web
Posted in Pemprograman on December 6th, 2010 by nur ichsan – Comments Off on Menampilkan Video dalam Web Tags: HTML5, InternetHTML versi sebelumnya tidak dapat menampilkan secara langsung video dalam web. Namun memerlukan bantuan dari berbagai plugin yang harus dipasang pada web browser pengguna. Contoh dari plugin yang dapat menampilkan video adalah Adobe Flash Player dan Apple Quick Time. Sayangnya tidak setiap browser kadang support dengan plugin. HTML5 sudah memiliki format standar untuk menampilkan video dalam sebuah halaman web. Sehingga tidak perlu kembali untuk memasang suatu plugin pada web browser masing-masing. Berikut format penulisan untuk menampilkan video dalam HTML5 :
<video src=”video.ogg” controls=”controls”>
</video>
Diantara tag video bisa diisi dengan perintah-perintah tambahan. Tag control pada kode diatas berfungsi untuk mengkontrol pemutaran video seperti : play, pause,dan pengaturan volume. Contoh penulisan kode yang lain adalah sebagai berikut :
<video width=”320″ height=”240″ controls=”controls”>
<source src=”movie.ogg” type=”video/ogg” />
<source src=”movie.mp4″ />
script untuk menampilkan video
</video>
Beberapa atribut yang biasanya digunakan pada tag video adalah sebagai berikut :
a. Autoplay
Atribut ini digunakan agar video dapat langsung dimainkan pada saat browser dibuka. Jadi pengguna tidak perlu untuk melakukan aksi seperti play untuk memutar video tersebut. Contoh penggunaan atribut autoplay adalah sebagai berikut :
<video controls=”controls” autoplay=”autoplay”>
<source src=”movie.mp4″ type=”video/mp4″ />
script menggunakan atribut autoplay
</video>
b. Controls
Atribut ini memberikan pengontrolan pemutaran terhadap video seperti navigasi play, pause dan control volume. Penulisannya diletakkan pada pembuka tag video.
c. Loop
Sesuai dengan namanya atribut ini berfungsi untuk melakukan pemutaran video secara berulang-ulang setiap kali video itu selesai diputar. Secara langsung video akan diputar kembali tanpa kita melakukan aksi terhadap video tersebut. Berikut sintax penulisannya :
<video loop=”loop”>
d. Preload
Menentukan apakah video akan diambil pada saat halaman di load atau tidak. Pada atritut ini memiliki value sebagai berikut :
| Auto | Seluruh video akan di load ketika halaman di load |
| Meta | Hanya memuat metadata saat load halaman. |
| None | Tidak melakukan load sama sekali |
e. Src
Sama penggunaannya pada tag img. Atribut ini juga berguna untuk melakukan pemanggilan video pada suatu folder. Bisa dikatakan ini adalah URL dari video yang akan dimainkan. Berikut sintax penulisannya :
<video src=”video.mp4”>
