Cara Melakukan Perubahan (Customize) Pada Embeed Video Dari Youtube.

[2column] [content]asasadsadsasdadsadsa [/content] [content]

Kali saya akan membahas bagaimana cara melakukan penyesuaian embed video YouTube dengan menggunakan parameter yang didefinisikan YouTube. Saat ini sebagian besar pengembang web menggunakan embed < iframe > tag untuk menampilkan video. Tetapi terkadang banyak embeed video youtube yang kemudian tampilan dan setting video tidak sesuai dengan keinginan kita

[/content][/2column] 

Cara Melakukan Perubahan (Customize) Pada Embeed Video Dari Youtube.

Masalah bisa muncul yaitu video terlalu besar, muncul tulisan yang tidak di inginkan, atau video auto play dan bahkan setelah video berakhir muncul video yang berkaitan tetapi kita tidak ingin video itu tamplia pada embbed player yang kita buat. 

Untuk itulah tujuan posting kali ini. dengan melakukan kustomisasi pada embeed player youtube anda dapat berhenti menampilkan video terkait menggunakan parameter rel atau menghapus logo YouTube pada pemutar dengan menggunakan parameter modestbranding , berharap ini akan memperkaya pengalaman proyek web Anda.

Berikut Cara Melakukan Perubahan Parameter Pada Embeed Player Youtube.

1. Membuat Video Auto Play.

Kamu bisoua membuat Video Youtube Embed Kamu memjadi auto play dengan menambahkan kode berikut :

0 - > default value 
1 - >automatically plays the video.

Jika diterapkan maka script lengkapnya menjadi seperti ini.

[code type="HTML"]<iframe src="https://www.youtube.com/embed/codevideokamu?autoplay=1" frameborder="0" allowfullscreen width="570" height="315" ></iframe>[/code]

Demonya pada Video Di Bawah Ini :




Biar belajarnya tambah mantap. Lakukan seperti video diatas kemudian pergi ke masjid. dan masukkan ke kotak amal yang tersedia. Atau berikan kepada fakir miskin. Yakin sob, belajar kamu makin lancar dan rejeki akan berlipat ganda.

2. Menghentikan Menampilkan Related Video Saat Video Berakhir.

Parameter defaultnya adalah 1, untuk menghentikan menampilkan related video (Video Yang berkaitan dengan video yang anda Embeed) anda tinggal merubahnya menjadi angka 0.

Lihat penerapannya pada script embeed video dibawah ini :

[code type="HTML"]<iframe src="https://www.youtube.com/embed/codevideokamu?rel=0" frameborder="0" allowfullscreen width="570" height="315" ></iframe>[/code]

Demonya pada Video Di Bawah Ini :

3. Menampilkan Informasi Video.

Untuk melakukan kustomisasi pada informasi video bisa kita buat script dibawah ini :

1 - > Sebelum video diputar maka akan menampilkan informasi video seperti Judul dan Yang Mengupload Video 

0 - > Jika kita merubahnya ke angka 0 Maka video tidak akan menampilkan informasi apa - apa terkait video tersebut.

Jika diterapkan secara lengkap maka script embbed nya menjadi seperti dibawah ini :

[code type="HTML"]<iframe src="https://www.youtube.com/embed/codevideokamu?showinfo=0" frameborder="0" allowfullscreen width="570" height="315" ></iframe>[/code]

Lihat Demonya pada Video Di Bawah Ini :

4. Menampilkan Atau Tidak Menampilkan Control Bar Video.

Terkadang kita ingin video yang kita embbed dari youtube tidak menampilkan control Bar Video. Untuk melakukan hal ini, anda dapat merubah parameternya seperti penjelasan dibawah ini :

0 - > Angka 0 Artinya saat video diputar maka Kontrol Bar tidak akan ditampilkan

1 - > Angka 1 Artinya saat video diputar maka Kontrol akan ditampilkan(default)

2 - > Jika kita memilih angka 2 maka kontrol bar akan ditampikan dan flash player akan memuat sekali pada saat user memainkan video.

Jika diterapkan secara lengkap maka script embbed nya menjadi seperti dibawah ini :

[code type="HTML"]<iframe src="https://www.youtube.com/embed/codevideokamu?controls=0" frameborder="0" allowfullscreen width="570" height="315" ></iframe>[/code]

Untuk Melihat Demonya pada Video Di bawah ini :



5. Mendisable Fullscreen Pada Video Embeed.

Jika kamu ingin men non-aktifkan fitur full screen pada video yang kamu embbed bisa melakukan dengan menambahkan script di bawah ini :
0 - > Jika Memberikan kode 0 Maka fitur layar penuh (full screen) akan tidak aktif
1 - >  Jika Memberikan kode 1 Maka fitur layar penuh (full screen) akan aktif(default)

Jika diterapkan secara lengkap maka script embbed nya menjadi seperti dibawah ini :

[code type="HTML"]<iframe src="https://www.youtube.com/embed/codevideokamu?fs=0" frameborder="0" allowfullscreen width="570" height="315" ></iframe>[/code]

Untuk Melihat Demonya pada Video Di bawah ini :

6. Memulai Video dari Detik ke Berapa...

Saat kita embeed video dari youtube, kamu bisa mengatur video untuk dimainkan mulai menit keberapa tergantung kamu memilih dari menit atau detik keberapa. Untuk melakukan nya kamu bisa menerapkan pengaturan sesuai script dibawah ini :

[code type="HTML"]<iframe src="https://www.youtube.com/embed/codevideokamu?start=30" frameborder="0" allowfullscreen width="570" height="315" ></iframe>[/code]

Lihat Demonya di bawah ini :

7. Mengatur Video Dengan Berbagai Parameter (Setting Rekomendasi)

Selain beberapa setting diatas, kamu bisa juga mengatur embeed video dari youtube dengan menerapkan bervariasi konfigurasi pada video kamu. Lihat script lengkapnya pada kolom dibawah ini 

[code type="HTML"]<iframe src="https://www.youtube.com/embed/codevideokamu?rel=1&autoplay=0&showinfo=0" frameborder="0" allowfullscreen width="570" height="315" ></iframe>[/code]

Artinya script diatas akan membuat video kamu menjadi

rel=1  : tidak menampilkan related video

autoplay=1 : Tidak Otomatis memainkan video

showinfo=0 Artinya tidak menampilkan informasi video

Untuk Demonya lihat video dibawah ini :