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
  • tutorial menampilkan video dengan php
  • cara meolah tampilan video php
  • source code membuat tampilan Video php
  • cara menampilkan video di php
  • pemutar video web
  • buat halaman untuk video php
  • Script html pemutar video untuk blog
  • Cara buat pemutar video di web css
  • cara memutar video di website




About the author
Diki Alfarabi Hadi

Coding enthusiast. Someone who love learn something new. especially about web programming and web design. happy to share about knowledge and learn from other.


Discussion
  • No Comment

Write a Comment

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


CENTANG untuk bisa mengirimkan komentar. [ Verifikasi bukan robot ]