Oke teman-teman silahkan simak penjelasan berikut ini tentang cara paling mudah menampilkan video dan menjalankannya pada html(browser). Show Membuat Pemutar Video Dengan HTML5nah, 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 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <!DOCTYPE html> <html> <head> <title>Membuat Pemutar video Dengan HTML5 | www.malasngoding.com</title> <style type="text/css"> h1{ font-family: sans-serif; } </style> </head> <body> <h1> Membuat Pemutar video Dengan HTML5<br/> www.malasngoding.com </h1> <video width="400px" height="350px" controls> <source src="mov_bbb.mp4" type="video/mp4"> <source src="mov_bbb.ogg" type="video/ogg"> </video>
</body> </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. Incoming search terms:
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.
Tags: cara memutar video dengan html5, cara menampilkan video dengan html5, memutar video pada website dengan html5, pemutar video, video html5 Tutorial HTML Dasar
Tutorial HTML Lanjutan
Produk
Tutorial Terbaru
Toko KamiSOCIALMalas Ngoding TUTORIAL MENARIK LAINNYASelamat datang kembali di website malasngoding.com. Pada materi tutorial ini kita akan belajar tentang cara menampilkan file PDF di HTML di Website. Seperti yang kita ketahui, ... Diki Alfarabi Hadi Membuat Game Snake Dengan HTML5 dan JQuery – Selamat datang di tutorial cara membuat game dengan html5. seperti pada judul tutorial ini, kita akan membahas ... Diki Alfarabi Hadi Membuat Baris Baru atau Enter di HTML – hai teman-teman semuanya apakabar ? assalamualaikum.. kembali lagi di www.malasngoding.com. situs penyedia tutorial-tutorial seputar pemrograman yang berkualitas ... Diki Alfarabi Hadi Selamat datang kembali di www.malasngoding.com. situs yang fokus membahas tentang tutorial pemograman web, mobile dan desktop. Sesuai dengan judul “Cara Disable Resize Form Textarea Dengan ... |