Membuat Pemutar Video Dengan HTML5

Membuat Pemutar Video Dengan HTML5

Membuat Pemutar Video Dengan HTML5 – Apakah teman-teman sedang mencari tutorial tentang cara membuat pemutar video online hanya dengan html ? yapss. teman-teman ada di tempat yang tepat. hehe. pada tutorial ini kita akan belajar cara memutar video dengan html5. caranya sangat mudah kok teman-teman. kita akan menggunakan element dari html5 untuk dapat memutar file video langsung pada halaman html. adapun element html5 yang akan kita gunakakan untuk membuat pemutar video adalah element <video>..</video>.

Jadi tidak mustahil lagi jika kita ingin memutar video pada website dengan html5.

Oke teman-teman silahkan simak penjelasan berikut ini tentang cara paling mudah menampilkan video dan menjalankannya pada html(browser).

Membuat Pemutar Video Dengan HTML5

nah, apa saja nih yang kita butuhkan ? yang pertama adalah file video nya. kalau file video nya gak ada apa yg mau di tampilin, ya gak teman-teman. hehe.

jadi video nya di letakkan pada directory yang sama dengan file html. jika tidak teman-teman bisa mengaturnya dengan ” ../ ” jika videnya berada di luar folder. dan “namafolder/” jika file video nya berada di dalam sebuah folder lain.perhatikan pada gambar di bawah.

menampilkan video dengan html

index.html

seperti yang teman-teman lihat pada syntax di atas. video di tampilkan dengan element video milik html5. di tulisa dengan di awali tag <video> pembuka dan tag </video> penutup. ukurannya bisa teman-teman sesuaikan dengan keinginan masing-maing. dan jangan lupa tambahkan controls pada tag video pembuka. untuk membuat control pada video nya seperti tombol start, pause dan lain-lainnya.

dan coba jalankan pada browser.

memutar video dengan html

sekian lah cara mudah memutar video dengan html5. semoga dapat bermanfaat. terima kasih sudah berkunjung ke www.malasngoding.com.