Cara memasukkan video di HTML

 Berikut ini kita akan membahas bagaimana cara memasukkan video di HTML.Selamat membaca !

Untuk memasukkan video di HTML kita bisa menggunakan tag video : <video>

Cara penulisan lengkap :

<video width="320" height="240" controls autoplay muted>

  <source src="movie.mp4" type="video/mp4">  

  <source src="movie.ogg" type="video/ogg">

</video>

Penjelasan attribut tag video :

- width merupakan lebar video untuk tampilan di layar
- height merupakan tinggi video untuk tampilan di layar
- controls merupakan attribut yang digunakan untuk memberi kontrol untuk user seperti (pause, skip, dan lain-lain). Jika anda tidak ingin memeberikan kontrol ke user, maka cukup hilangkan attribut control tersebut.
- autoplay merupakan attribut yang digunakan untuk membuat video terputar secara otomatis ketika user memasuki halaman website. Jika anda tidak ingin membuat video terputar secara otomatis, maka cukup hilangkan attribute autoplay.
- muted merupakan attribut yang digunakan untuk membuat video dalam keadaan mute / silent ketika user memasuki halaman website. Jika anda tidak ingin membuat video mute / silent, maka cukup hilangkan attribute autoplay.

Penjelasan untuk attribut source :

- src merupakan attribut yang digunakan untuk mengambil sumber video anda. Sumber ini bisa dari url, ataupun file video local.

- type merupakan attribut untuk mendeklarasikan video yang akan dimuat bertipe mp4 atau tipe yang lain.

Pada umumnya tag source akan ditulis 2 kali dengan tipe yang berbeda dengan tujuan untuk mensupport semua browser yang ada.

Sekian untuk artikel kali ini. Semoga bermanfaat ! :D