Rabu, Maret 10, 2010

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






Referensi untuk mencari informasi lebih lanjut tentang video youtube bisa dilihat di bawah ini :
1. Cara memasang video youtube di blog
2. YouTube Embedded Player Parameters
3. Download video youtube





Artikel Terkait :



7 komentar:

mencapaisukses mengatakan...

Sangat Menarik Buat Saya....!!!

sembiring up to date mengatakan...

wah bagus bgt bro infony...bisa di coba ni.......
http://sembiring-uptodate.blogspot.com/

mr.dlob mengatakan...

om.... copian di atas di letakkan dimana? tak coba letakkan di atas <\head> kok error... gimana solusinya?

Artikel Komputer mengatakan...

@mencapaisukses, sembiring up to date
Thanks kunjungannya
@mr.dlob
Di copy ke dalam teks editor (postingan) atau bisa juga ke dalam gadget html/javascript, silahkan dicoba jika ada kesulitan kita diskusikan ulang

M. Rohman,ST mengatakan...

makasih.. sangat membantu.

Rudy Hartono mengatakan...

tutorialnya sangat bermanfaat

Pasang Iklan Gratis Langsung Tayang mengatakan...

blh dicoba sptnya..?!