Hallo teman-teman bertemu lagi pada tutorial dumet school, pada tutorial kali ini kita akan belajar mengenal Fungsi Atribut Loop Pada Tag Video HTML 5 sebelumnya kita harus tau dulu apa itu tag video pada HTML?
Tag video merupakan tag atau element baru yang ada di HTML 5, dengan element ini kita dapat menyisipkan suatu video didalam content website kita.
Nah bagaimana cara menggunakannya, sekarang kita langsung praktekan saja, teman-teman silahkan buat sebuah folder lalu siapkan satu video dan letakan didalam folder yang di buat tadi.
Jika sudah silahkan teman-teman buat sebuah file dan ketikan script berikut :
<!DOCTYPE html> <html> <body> <video width="400" height="300" controls> <source src="movie.mp4" type="video/mp4"> </video> </body> </html>
Saya menyisipkan sebuah video dengan format mp4 , dan saya menambahkan atribut controls pada tag video, nah jika sudah silakan teman-teman save lalu jalankan pada browser.
Hasilnya setelah pemutaran video itu habis maka video itu akan terhenti, nah sekarang coba tambahkan atribut loop pada tag video tersebut :
<!DOCTYPE html> <html> <body> <video width="400" height="300" controls loop> <source src="movie.mp4" type="video/mp4"> </video> </body> </html>
Sekarang save dan coba jalankan pada browser, dengan menambahkan atribut loop pada tag video itu berarti kita membuat mode pemutaran video tersebut terus berulang tanpa terhenti sebelum kita stop videonya,
Oke teman-teman sekian dulu artikel kali ini, semoga bermanfaat.
Terimakasih.