Tuesday, 5 May 2015

cara menambahkan video pada HTML 5

Atribut yang digunakan untuk menambahkan 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.

format videoyang 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)

Sintaks Penulisanya :
atau
<video src="judulvideo.ogg" controls="controls"></video>
atau
<video controls="controls"><source src="judulvideo.webm" type="video/webm"></video>

No comments:

Post a Comment