'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
