Jumat, Agustus 17, 2012

Cara Menampilkan Video Youtube di Blogspot

Teman-teman yang hobi seni baca Al Qur-an biasanya tahu dengan sosok Muammar ZA, teman semua tentunya tahukan singkatan dari apa ZA tersebut? singkatan dari ZA tersebut adalah Zainal Asyikin, hanya sekedar sharing kawan... Jadi nama lengkapnya adalah Muammar Zainal Asyikin ^_^


Untuk menampilkan video youtube di blogspot kodenya adalah sebagai berikut:
<iframe src="url-video-youtube-yang-sedikit-diubah" allowfullscreen="" width="nilai-lebar-tampilan-video" frameborder="nilai-bingkai-video (0=tidak-pakai-bingkai atau 1=pakai-bingkai)" height="nilai-tinggi-tampilan-video"></iframe>

Apa maksudnya url-video-youtube-yang-sedikit-diubah di sini?
Link di bawah ini adalah salah satu contoh video youtube:
http://www.youtube.com/watch?v=e1VVyMnIcnQ

Untuk menampilkannya di blogspot urlnya sedikit diubah, tulisan watch?v= diganti dengan embed/
jadi:
http://www.youtube.com/watch?v=e1VVyMnIcnQ
diganti menjadi:
http://www.youtube.com/embed/e1VVyMnIcnQ

Misalkan kita akan menampilkan video youtube di atas di blogspot, dengan tampilan videonya mempunyai lebar 420 pixels, tinggi 315 pixels, tampilan video mempunyai bingkai (border = 1), maka kodenya adalah:

<iframe src="http://www.youtube.com/embed/e1VVyMnIcnQ" allowfullscreen="" width="420" frameborder="1" height="315"></iframe>

maka hasilnya adalah sebagai berikut:


Ya begitulah caranya menampilkan video youtube di blogspot, gak susah2 amat kan? si amat aja gak susah, he2...kalau ada tutorialnya? anak kecil aja bisa...
Silakan ditanya kalau ada yang kurang dimengerti...

0 komentar: