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


0 komentar:
Post a Comment