How to Add Video to your Facebook Page using Static FBML

Facebook 101: How to Add Video to your Facebook Page using Static FBML

Ever saw a page with a video clip on the Welcome tab? It can be a music clip or a greeting video introducing the page and request for a Like to join the page. Very cool but unsure how to get that done yourself? Today is your lucky day, I’m going to unveil the codes how to insert one.

Basically there are two things you must do:

  1. Upload your video to a free hosting platform (YouTube) or your own hosting server,
  2. Insert the video to your page with FBML tab.

 Coding for your embed Video Clip  on facebook page

Here I’ll be presenting you an example to insert a video clip from YouTube. This is the code you should be using for the embed at all times:

<fb:swf swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;" swfsrc='http://www.youtube.com/v/###########' imgsrc='http://img.youtube.com/vi/###########/2.jpg; ' width='x' height='y' />

To explain what do these codes stand for:

########### = video clip ID

**Note:  YouTube video ID can be found from its URL, normally listed behind ‘v=’ (numbers and alphabets)

X = Width of the video
Y = Height of the video

Swfbgcolor = color of your clip background, you can fit in the appropriate color matching to your tab design. Same goes to border color.

Swfsrc = is where you insert the absolute URL of the video. Imgsrc allows you to embed a preview video image. Although YouTube video usually comes with an image, but it’s normally smaller, lower in quality (blurred). You may change preview image by hosting your selected image on your server or a free hosting site. Then edit the entire source with a new address.

To determine the video size, depends on the size of your customized tab. Try to remain your tab within 520px in width for Facebook has stated they may shrink down all welcome tab to that size in near future. Also, it depends on the quality of your clip.

Example of inserting a video clip:

Here is the clip you will embed:  http://www.youtube.com/watch?v=siQgD9qOhRs

The final embed for your clip on facebook FBML box will be:

<fb:swf swfbgcolor="000000" imgstyle="border-width:3px;  border-color:white;" swfsrc='http://www.youtube.com/v/siQgD9qOhRs ' imgsrc='http://img.youtube.com/vi/siQgD9qOhRs/2.jpg'   width='340' height='270' />

To position your Video tab:

Click ‘Application Settings’ and add as tab:

position the video tab

Find and add your ‘video’ tab from the selections:

insert video using static fbml

Click at the video image, the flash object (video) will load as shown below:

embedded video clip

Click the Play button to watch the video:

click video to play

Congrats! Now you know how to setup a video clip on your fan page!

About Faebook lee:
Hi, I'm Lee from Faebook.org. Faebook provides latest facebook news and resources, Facebook Fan Page tips and facebook applications, facebook 101, how-tos. Don't forget to sign up as subscriber to receive the latest Facebook tips and Facebook tutorials.
Website:http://www.faebook.org

Related posts:

  1. Facebook 101:How to Setup Static FBML for your Facebook Page
  2. How to Find and Add Facebook Application to Facebook Page
  3. How to Add and Remove Admin from Your Facebook Page
  4. How to Add and Transfer Admin Right in Facebook Page
  5. FarmVille Tricks – How to Create Gold Eggs Video
Thank you for reading Faebook.org. Faebook will send you more facebook tips and latest facebook resources. Enter your email address :

Incoming search terms for the article:

facebook embed video fbmlFBML Video postioninghow do i add a paypal button to facebook using static fbmlhow to add a video clip on face bookhow to embed a video clip into facebookhow to put swf as facebook timeline coveryoutube video static preview urlкак вставить видео в facebook page с youtube

Tags: , , , , , , ,
Posted under: Facebook 101, facebook applications, facebook fan page, Facebook Tips

3 Responses to “How to Add Video to your Facebook Page using Static FBML”

  1. kvh says:

    any ideas how to get the play button to appear other than uploading a separate image?

  2. lee says:

    @kvh: Good questions. Will keep on digging and see if we can provide a how-to for this. In the mean time, I would just upload a ‘Play button’ image as the temporary solution.

  3. [...]       5.  Insert the coding in Facebook Page following the example in our previous post about How to Add Video to your Facebook Page using Static FBML: [...]


Leave a Reply