Memasukkan dan Memutar Video di Halaman Web (HTML5)

Pada versi HTML sebelumnya untuk memutar video pada sebuah web menggunakan plugins tambahan yang biasa disebut flash Player.

Tag Video Pada HTML5, setidaknya ada 3 jenis format video yang mendukung yaitu :

• Ogg (File Ogg dengan Video Codec Theora dan Audio Codec Vorbis) (.ogg)

• MPEG4 (File MPEG4 dengan Video Codec H.264 dan Audio Codec AAC) (.mp4)

• WebM (File WebM dengan Video Codec VP8 dan Audio Codec Vorbis)(.webm)

Tagnya <video>

Apabila anda mempunyai video dengan format video bukan ogg, mp4, dan webm. Anda bisa menggunakan aplikasi video converter salah satunya miro video converter.

Sintaks Penulisanya :

<video src="judulvideo.ogg" controls="controls"></video>

atau

 

<video controls="controls">

<source src="judulvideo.webm" type="video/webm">

</video>

ATRIBUT PADA TAG <VIDEO>

Atribute	Value	Description
controls	controls	Menentukan kontrol video yang akan ditampilkan(Contoh: tombol play/pause)
autoplay	autoplay	Menentukan bahwa video akan mulaiberputar otomatis
src	URL	Menentukan alamat URL dari mana sumber video
width	pixels	Mengatur lebar dari video player
height	pixels	Mengatur tinggi dari video player
loop	loop	Untuk mengulang / memainkan kembali video yang telah selesai diputar.
muted	muted	Menentukan bahwa output suara akan dimute/dihilangkan
poster	URL	Menentukan gambaryang akan tampil ketika video masih belum berputar.
preload	auto metadata none	Menentukanjika dan bagaimana kapan video ini harus diputar menjalani proses loading ketika halaman terbuka.