Cara Membuat Background Video Menggunakan Iframe Youtube Part 2
Di panduan sebelumnya kita telah berhasil membangun tampilan laman sederhana yang akan kita gunakan bagi perancangan background videonya, di panduan Cara Merancang Background Video Menggunakan Iframe Youtube Part 2 kita akan seketika membangun background videonya menggunakan iframe yang terdapat di yotube.
Langkah pertama-tama silahkan teman-teman buka laman https://www.youtube.com/ silahkan teman-teman cari sebuah video yang akan teman-teman gunakan selaku backgroundnya sepeti dibawah ini :
Kemudian silahkan teman-teman klik tombol SHARE dan silahkan teman-teman klik pun tombol EMBED seperti dibawah ini :
Karenanya akan tampil sebuah iframe yang akan kita gunakan selaku background nantinya seperti dibawah ini :
Kemudian iframe tersebut silahkan teman-teman copy kita akan tempatkan dibawah class relative-contents seperti dibawah ini :
Seandainya kita jalankan di browser karenanya akan terlihat hasilnya seperti dibawah ini:
Di gambar diatas kita telah berhasil bagi menampilkan video iframe-nya dari youtube, kemudian video tersebut akan kita pengaturan sehingga video tersebut dapat autoplay, dan pun kita akan looping video tersebut, bagi script kita akan tambahkan di attribute src yang terdapat di iframe-nya seperti di bawah ini :
Seandainya kita jalankan di browser karenanya video yang telah kita masukan akan berjalan secara otomatis dan akan selalu di looping.
Selanjuntya kita akan lakukan pengaturan di iframe-nya dengan meanambahkan class di iframe-nya dan css seperti dibawah ini :
Kemudian bagi cssnya seperti dibawah ini :
Seandainya kita jalankan di browser karenanya akan terlihat hasilnya seperti dibawah ini :
Oke teman-teman demikianlah pembahasan kita mengenai Cara Merancang Background Video Menggunakan Iframe Youtube Part 2.
Semoga bermanfaat.
Terimakasih.
Cara Membuat Background Video Menggunakan Iframe Youtube Part 1
Sumber https://kursuswebsite.org
