How to add Youtube Video on Facebook branding page with Static FBML
In our last tutorial on Facebook, we discussed about how to show Tag clouds on your Facebook page and in this tutorial we will discuss about how to add Youtube Video on Facebook page with the help of Static FBML.
Demo
Requirement
1. Add this awesome application “Static FBML” into your desired Facebook pages.
2. We will use <fb:swf> tag in FBML for calling Youtube Videos as a flash.
Sample FBML code to add Youtube Video on Facebook FBML
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/xxxxxxxxxx'
imgsrc='http://i1.ytimg.com/vi/xxxxxxxxxx/default.jpg'
width='340' height='270' />
ScreenShot
We assume that “xxxxxxxxxx” = YouTube video ID
For example, In a video with url http://www.youtube.com/watch?v=thhNNKQv1EM
“xxxxxxxxxx” = thhNNKQv1EM = YouTube video ID
Note: The default thumb generated by Youtube are of low resolutions so you can also use your custom thumbs in place of default. In a similar way you can also embed the flash on Facebook branding pages and make it separate tabs. If you have any queries regarding Facebook branding then feel free to drop your comments.
You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
May 15th, 2010 at 11:36 am
hmm nice one…….. i added in my profile by reading this..
May 15th, 2010 at 11:36 am
Can you show me how to add powerpoint to fb?
Thank you
May 18th, 2010 at 1:03 am
I don’t know how to express how happy you have made me. i love you. i mean i really love you!
May 24th, 2010 at 10:22 am
Hey This is good info, am impressed… cool story m8
June 7th, 2010 at 4:47 pm
This is a great read.. thanks for the info!
I was checking up on the topic and i also came across an article that listed out some of the most successful campaigns on youtube: http://blog.socialmaximizer.com/youtube-business-use-cases/
November 7th, 2010 at 3:34 am
Hi,
Great post but how would I create a custom thumb in place of YouTube default so its not so blurry on my fbml tab?
January 13th, 2011 at 6:08 pm
Thanks for your wonderful information sharing. I had added a flash on my fb page but it is not running when page is loaded while when url of my site loaded it automatically runs. Could you please tell me how i make it.
January 13th, 2011 at 6:12 pm
Thanks for your wonderful information sharing.
March 1st, 2011 at 12:05 am
Will an embedded video in FBML still work when accessing the FB page on a mobile device? (Iphone/Blackberry?)