Cara Memutar Video Pada Website

Pada tutorial ini akan membahas tentang bagaimana cara memutar video pada website.

Saat ini HTML5 sudah mendukung pemutaran Video, caranya pun sangatlah sederhana. Sistemnya pun sama seperti pemutaran Audio, controls untuk menambahkan sistem play, pause, mute, loop untuk perulangan, dan autoplay untuk memutarnya secara otomatis.

Namun terdapat tambahan atribut dalam elemen ini. Format dasarnya adalah seperti di bawah ini :

Sekarang silahkan sediakan video yang akan diputar, dan jangan lupa untuk membuat file html – nya. Letakan file video tersebut dalam 1 folder dengan file html. Dan berikut contoh kode sumbernya :

Di bawah ini adalah hasil dari kode sumber di atas :

cara memutar video pada website

Akan lebih baik jika anda menspesifikasikan ukuran video yang anda masukan ke halaman website, karena jika anda tidak tahu berapa besar ukurannya dan ternyata video yang anda masukan berukuran besar. Tentu hal itu akan membuat halaman website lambat untuk dimuat.

Apalagi jika ukuran panjang dan juga lebarnya sangat besar, pasti akan membuat berantakan tampilan halaman website.

Di bawah ini adalah Atribut – atribut yang dapat digunakan dalam membuat Video pada HTML5

Nama Atribut Kegunaan
Autoplay Secara otomatis video akan diputar setelah halaman web selesai loading.
Controls Menampilkan video controls seperti pause, play, sound, memperbesar tampilan video menjadi fullscreen.
Height Mendefinisikan ukuran panjang video.
Width Mendefinisikan ukuran lebar video.
Loop Memutar kembali video setelah selesai.
Muted Mematikan suara video.

Leave a comment

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

X