How to add YouTube Videos to Facebook Landing Page

This post assumes that you’re already familiar with adding Facebook FBML pages, if not take a step back and have a look at Making the Most of your Facebook Fan Pages, which will show you how to add one to your fan page.

To tart up your Landing Page on Facebook you may want to add a video like I did, Introducing My Family, to make it more welcoming to new visitors.  For the most part it’s straight forward.  You’ll need to copy and paste the following code into your FBML page but you will need to replace the xxxxxxxxx with your youtube video id.

<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=’340′ height=’270′ /></fb:swf>

For example

My youtube URL is http://www.youtube.com/watch?v=b7wSuWwQQps

So, I replaced “xxxxxxxxxx” with “b7wSuWwQQps” in both places (without the quotes), resulting in:

<fb:swf

swfbgcolor=”000000″ imgstyle=”border-width:3px; border-color:white;”

swfsrc=’http://www.youtube.com/v/ b7wSuWwQQps ‘

imgsrc=’http://img.youtube.com/vi/ b7wSuWwQQps/2.jpg’ width=’340′ height=’270′ /></fb:swf>

However, you will notice that the starting image is badly distorted and there’s not much you can do about it unless you are familiar with Photobucket.  If so, upload the photo and then insert the image code.  This is what mine looked like.  I hope you can piece it together.

<fb:swf

swfbgcolor=”000000″ imgstyle=”border-width:3px; border-color:white;”

swfsrc=’http://www.youtube.com/v/b7wSuWwQQps”

imgsrc=’http://i786.photobucket.com/albums/yy145/mediocremum/ScreenHunter_01Oct302018.gif’ width=’340′ height=’270′ /></fb:swf>

Good luck!  If you get stuck please do ask and I’ll try to help.