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

comments

By Request:: Pemirsa, kembali hadir Mediatutorial.web.id, pada tutorial sebelumnya di "Meng-embed Video ke html tanpa flash + auto control (Html5)" kita telah membahas cara membuat/meng-embed sebuah video ke dalam html5 dan pada tutorial tersebut kita menggunakan 'auto control'. Nah, sekarang mari kita coba membuat controlnya (play - pause - duration - position) dengan menggunakan Javascript.

Tag video yang ada di html5 memiliki properties, event, dan methods/fungsi yang cukup beragam untuk kita modifikasi menggunakan Javascript. Untuk keterangan detail mengenai tag video dapat dilihat di {w3schools dom video} - http://w3schools.com/html5/html5_video_dom.asp

Dalam tutorial ini kita akan membahas tentang:
- Fungsi untuk menambahkan event pada object
- Pembuatan script play pause dengan Javascript
- Pembuatan position dan duration

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

ANDA DAPAT MELIHAT TUTORIALNYA DI BAWAH INI

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

lihat juga html5 tutorial package yang lain:
- CSS HTML No.3: Meng-embed Video ke html tanpa flash + auto 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