Cara Mudah Memutar Video Youtube di HTML

Halo teman-teman di kesempatan kali ini saya akan menjelaskan Cara termudah bagi memutar video di HTML, yaitu menggunakan YouTube.



Bermasalah dengan format video?



Sebelumnya pada panduan ini, Kamu telah melihat bahwa Kamu mungkin mesti mengkonversi video teman-teman ke format yang berbeda bagi merancang mereka bermain di seluruh browser. Mengkonversi video ke format yang berbeda dapat sulit dan memakan waktu. Solusi yang lebih gampang yaitu dengan membiarkan YouTube memutar video di halaman web teman-teman. Dapat teman-teman lihat di link di sebuah video dari youtube, video tersebut akan mempunyai ID yang dapat kita lihat di link video tersebut.



Memutar Video Youtube di HTML



Bagi memutar video Kamu di halaman web, lakukan hal berikut:




  • Mengunggah video ke YouTube


  • Mengambil dari id video dari link video tersebut yang


  • Menggunakan faktor <iframe> pada halaman web Kamu


  • Biarkan titik atribut src bagi URL video


  • Gunakan lebar dan tinggi atribut bagi menentukan dimensi dari pemain


  • Menambahkan parameter lain bagi URL (seperti dibawah ini)



Menggunakan <iframe> (Direkomendasikan)



<iframe width=420 height=315
src=https://www.youtube.com/embed/XGSy3_Czz8k>
</iframe>


Video yang teman-teman masukan di blog dapat diplay atau diputar secara otomatis ketika blog tersebut dibuka, dengan menambahkan parameter sederhana.



Nilai 0 (default): Video tak akan berputar secara otomatis ketika blog dibuka



Nilai 1: Video akan diputar secara otomatis ketika blog dibuka



Membangun playlist video?



Teman-teman lumayan menambahkan koma (dipisahkan ) di link video bagi diputar (di samping URL asli).



Penggulangan pemutaran video?



Nilai 0 (default): Video akan diputar hanya sekali.



Nilai 1: Video akan terus berputar.



<iframe width=420 height=315
src=https://www.youtube.com/embed/XGSy3_Czz8k?playlist=XGSy3_Czz8kloop=1>
</iframe>


Kontrol Video?



Nilai 0(default): Kontroler video tak ditampilkan



Nilai 1: Kontroler video ditampilkan



<iframe width=420 height=315
src=https://www.youtube.com/embed/XGSy3_Czz8k?controls=0>
</iframe>


Sesungguhnya dulu bagi memutar video dari Youtube di blog teman-teman dapat menggunakan faktor <object> atau <embed> namun di januari 2015, teman-teman mesti menggunakan <iframe> selaku penggantinya.



Contoh menggunakan <object> dan <embed>



<object width=420 height=315
data=http://www.youtube.com/embed/XGSy3_Czz8k>
</object>


<embed width=420 height=315
src=http://www.youtube.com/embed/XGSy3_Czz8k>


Gampang ya teman-teman. Semoga bermanfaat




Sumber https://kursuswebsite.org

Popular posts from this blog

Cara Menghapus Isi Dari Form Input Menggunakan Javascript

Membuat Form Menarik Menggunakan HTML dan CSS