HTML Video

HTML video Sama halnya dengan HTML Image. Dalam pembuatan website pastinya kita akan selalu menyertakan video, yang mana video itu berisi informasi mengenai spoiler informasi yang bisa kita tampilkan pada website. Lalu bagaimana cara membuatnya? Simak kode di bawah ini :

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

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

Maaf browser anda tidak mendukung 

</video>


Tag video membutuhkan atribut dan value untuk mengatur lebar, tinggi, dan juga kontrol.

controls = agar video bisa di jeda, di mainkan, atau di download

width dan height = mengatur lebar dan tinggi

source src = alamat file video, jika video itu menggunakan link maka ganti menjadi link videonya.

Jika tag video html tidak mendukung maka browser akan menampilkan text "Maaf browser anda tidak mendukung".

Selanjutnya, kita bisa mengatur video tersebut terputar otomatis atau autoplay. Dengan cara di bawah ini :

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

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

Maaf browser anda tidak mendukung 

</video>

Untuk membuat video terputar otomatis, maka kita perlu menambahkan value autoplay dan muted. Jika video tidak muted maka value autoplay tidak akan berfungsi pada beberapa kasus.

Nah, bagaimana? Langsung praktekan yah, agar cepat paham. Selamat mencoba dan selamat belajar....