Tutorial Membuat Video Dengan HTML5

Malam ini saya akan berbagi tutorial HTML5 Video,
Saat ini, sebagian besar HTML5 video ini ada yang tau ada yang tidak, nah kali ini saya akan share nih

Video yang ditampilkan melalui plugin (seperti flash). Namun, tidak semua browser memiliki plugin yang sama.
HTML5 menentukan cara standar untuk memasukkan video, dengan elemen video.

format yang di tampilkan seperti

• Ogg = Ogg Theora file dengan codec video dan audio codec Vorbis 
• MPEG4 = MPEG 4 file dengan H.264 codec video dan audio codec AAC 
• WebM = WebM file dengan VP8 codec video dan audio codec Vorbis 

Untuk menampilkan video di HTML5, ini source codenya

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

controls atribut untuk menambahkan play, pause, dan kontrol volume.
jangan lupa Sisipkan konten antara <video> dan </ video> tag untuk browser yang tidak mendukung video

Contoh lagi :

<video src="movie.ogg" width="320" height="240" controls="controls"> Your browser does not support the video tag. </video>

Contoh di atas menggunakan file Ogg, dan akan bekerja di Firefox, Opera dan Chrome.

Untuk membuat karya video di Safari dan Chrome versi masa depan, kita harus menambahkan MPEG4 dan file yang WebM. 

Elemen video memungkinkan beberapa elemen sumber. Sumber elemen dapat link ke file video yang berbeda. Browser akan menggunakan format yang diakui pertama:

<video width="320" height="240" controls="controls"> <source src="movie.ogg" type="video/ogg" /> <source src="movie.mp4" type="video/mp4" /> <source src="movie.webm" type="video/webm" /> Your browser does not support the video tag. </video>