Pada Tutorial sebelumnya kita pernah membahas tentang cara Menambahkan Comment Box Di Facebook Fanpage FBML.Sebagai lanjutan dari tutorial sebelumnya kali ini kita akan membahas tentang menambahkan youtube video pada Static FBML.
Sebagai catatan tentang menambahkan youtube video pada static FBML, berikut ini keterangan yang harus kita pahami:
1. Static FBML hanya dapat digunakan pada fanpage (halaman penggemar),bukan profile pribadi (personal profile) atau halaman group (group page).
2. Anda diperkenankan menggunakan CSS,HTML dan FBML pada halaman ini.
3. Video tidak dapat langsung mulai (start) ketika loading halaman,facebook memerlukan user(pengguna) melakukan klik pada video untuk loading flash atau javascript.
4. Untuk menempatkan posisi video ,letakan kode fb:swf dalam sebuah div,atur lebar video dan posisi div dengan css.
Dibawah ini kode yang bisa anda gunakan untuk menambahkan youtube video tersebut.
<div style="margin:0 auto; width:492px;">
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/xxxxxxxxxx'
imgsrc='http://img.youtube.com/vi/xxxxxxxxxx/2.jpg' width='492' height='391'/>
</div>
Keterangan :
* Anda bisa merubah div syle sesuai dengan keinginan anda .
* Ganti nilai "swfbgcolor" dan "imgstyle" sesuai keinginan anda.
* Ganti "xxxxxxxxxx" dengan video youtube ID yang anda inginkan.
* Agar video anda berjalan hanya dengan satu kali klik pada image aktivasi,anda bisa menambahkan "&autoplay=1" ke swfsrc URL lihat contoh dibawah yang berwarna hijau.
Selesai dan semoga bermanfaat.
Sebagai catatan tentang menambahkan youtube video pada static FBML, berikut ini keterangan yang harus kita pahami:
1. Static FBML hanya dapat digunakan pada fanpage (halaman penggemar),bukan profile pribadi (personal profile) atau halaman group (group page).
2. Anda diperkenankan menggunakan CSS,HTML dan FBML pada halaman ini.
3. Video tidak dapat langsung mulai (start) ketika loading halaman,facebook memerlukan user(pengguna) melakukan klik pada video untuk loading flash atau javascript.
4. Untuk menempatkan posisi video ,letakan kode fb:swf dalam sebuah div,atur lebar video dan posisi div dengan css.
Dibawah ini kode yang bisa anda gunakan untuk menambahkan youtube video tersebut.
<div style="margin:0 auto; width:492px;">
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/xxxxxxxxxx'
imgsrc='http://img.youtube.com/vi/xxxxxxxxxx/2.jpg' width='492' height='391'/>
</div>
Keterangan :
* Anda bisa merubah div syle sesuai dengan keinginan anda .
* Ganti nilai "swfbgcolor" dan "imgstyle" sesuai keinginan anda.
* Ganti "xxxxxxxxxx" dengan video youtube ID yang anda inginkan.
* Agar video anda berjalan hanya dengan satu kali klik pada image aktivasi,anda bisa menambahkan "&autoplay=1" ke swfsrc URL lihat contoh dibawah yang berwarna hijau.
swfsrc='http://www.youtube.com/v/NH7XTCdKeeY&autoplay=1'.
Selesai dan semoga bermanfaat.
0 komentar:
Posting Komentar