Sunday, March 24, 2013

Cara membuat bingkai player video youtube di blog

Dalam postingan ini akan membahas panduan membuat blog tentang cara membuat bingkai player video youtube di blog blogspot. Mungkin ada diantara teman-teman yang  suka download video di youtube dan sering membuat atau memasang video youtube di blog, jika menggunakan script embedding dari situs youtube maka tampilan playernya tidak berbingkai, lihat contoh 1. Agar sedikit lebih menarik maka bisa mengubah sedikit script video youtube tersebut agar bisa menampilkan bingkai seperti pada contoh 2.

Pada contoh 1 scriptnya seperti di bawah ini:


<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/VYWu3IaVVtg&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/VYWu3IaVVtg&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

Jika dilakukan modifikasi bingkai maka scriptnya seperti di bawah ini: (hasilnya seperti contoh 2)
Tambahkan script : ?rel=1&color1=0x2b405b&color2=0x6b8ab6 dibelakang youtube ID
http://www.youtube.com/v/VYWu3IaVVtg&hl=en&fs=1
Ubah menjadi:
http://www.youtube.com/v/VYWu3IaVVtg&hl=en?rel=1&color1=0x2b405b&color2=0x6b8ab6&border=1&fs=1
demikian juga :
src="http://www.youtube.com/v/VYWu3IaVVtg&hl=en&fs=1"
ubah menjadi
src="http://www.youtube.com/v/VYWu3IaVVtg&hl=en?rel=1&color1=0x2b405b&color2=0x6b8ab6&border=1&fs=1"

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/VYWu3IaVVtg&hl=en?rel=1&color1=0x2b405b&color2=0x6b8ab6&border=1&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/VYWu3IaVVtg&hl=en?rel=1&color1=0x2b405b&color2=0x6b8ab6&border=1&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

Hasil dari kedua script di atas seperti di bawah ini:

Contoh 1





Contoh 2






Judul: Cara membuat bingkai player video youtube di blog; Ditulis oleh Unknown; Rating Blog: 5 dari 5

0 komentar:

Post a Comment