Jumat, 20 Januari 2012

Video
Text

CSS HTML No.3: Meng-embed Video ke html tanpa flash + auto control (Html5)

By Request:: Pemirsa, selamat berjumpa kembali di video tutorial dari Mediatutorial.web.id dan untuk perjumpaan kali ini kita akan membahas hal hal baru dalam html5 yaitu 'video tag'. Di sini nanti kita akan meng-embed video ke html tanpa menggunakan flash.

'Video tag' adalah salah satu tag html5 yang mendapatkan perhatian banyak. Inilah yang nantinya sebagai pengganti flash video player, tetapi perlu diketahui bahwa html5 belum mendukung video chat, video streaming, access ke microphone dan kamera, sehingga untuk saat ini penggunaan video tag ini hanyalah sebagai alternatif saja.

Dalam video tutorial ini kita akan membahas tentang:
- Tag video
- format yang disupport
- Daftar browser dan formatnya
- Membuat video embed
- Membuat auto control (play pause)
- Membuat screenshot video (tampilan awal video sebelum video diputar)



Sedangkan format video yang didukung hanya 3 yaitu mp4, webm dan ogg tidak ada browser satupun yang mendukung ketiga tiganya kecuali chrome. Hal ini juga sangat merepotkan bagi pemilik web karena juga harus mengconvert video mereka ke salah satu format diatas supaya dapat diputar di html5. Belum lagi mencari software converter yang sulit.

Source code: https://docs.google.com/file/d/0B6_ki5nuY_ysUXZuSEd1TE9JUUU/edit?usp=sharing

ANDA DAPAT MELIHAT TUTORIALNYA DI BAWAH INI


Jangan lupa juga baca CSS HTML No.4: Meng-embed Video ke html tanpa flash + `JAVASCRIPT` control (Html5)

lihat juga html5 tutorial package yang lain:
- CSS HTML No.4: Meng-embed Video ke html tanpa flash + `JAVASCRIPT` control (Html5)
- CMS HTML N0.5: Meng-embed Audio ke html tanpa flash + auto control
- CSS HTML N0.6: Meng-embed Audio ke html tanpa flash + Javascript control (Html5)
- Baca yang lain di sini


Video di atas dapat anda download dengan menggunakan IDM (Internet Download Manager) atau aplikasi downloader yang lain yang telah terinstall di komputer anda.
Jangan lupa juga untuk like Mediatutorial on Facebook

Please share bila tutorial ini cukup berbobot untuk anda!

MediaTutorial mengedepankan tutorial yang berkualitas. Semua penjelasan dipaparkan sedetail mungkin.
Please, bila tutorial ini membantu anda dan cukup berkualitas bagi anda mohon untuk share pada button sharing berikut ini.

Writen by: Okie Eko Wardoyo

Comments