Membuat Pemutar Video Dengan HTML5

HTML

Malas Ngoding

membuat pemutar video pada html5

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

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.

Membuat Pemutar Video Dengan HTML5

memutar video dengan html

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

Incoming search terms:

  • cara memutar video di html
  • cara mengatur video HTML5
  • menjalankan video di codeigniter
  • cara membuat video player dengan html
  • cara memutar video htm
  • cara membuat video player pada html
  • cara membuat pemutar video dengan php
  • cara membuat pemutar video dengan html5
  • tutorial memutar mp4 dengan php
  • cara membuat HTML TAG VIDEO



Write a Comment

Your email address will not be published. Required fields are marked *