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:
- Upload your video to a free hosting platform (YouTube) or your own hosting server,
- 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:
Find and add your ‘video’ tab from the selections:
Click at the video image, the flash object (video) will load as shown below:
Click the Play button to watch the video:
Congrats! Now you know how to setup a video clip on your fan page!
|
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.
|
Related posts:
- Facebook 101:How to Setup Static FBML for your Facebook Page
- How to Find and Add Facebook Application to Facebook Page
- How to Add and Remove Admin from Your Facebook Page
- How to Add and Transfer Admin Right in Facebook Page
- FarmVille Tricks – How to Create Gold Eggs Video
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 с youtubeTags: add video to facebook page, coding embed video clip on facebook page, embed video clip on facebook page, facebook fbml box, how to add video to facebook page using static fbml, insert video clip from youtube, position video tab, swfsrc
Posted under: Facebook 101, facebook applications, facebook fan page, Facebook Tips
August 3rd, 2010 by lee 





any ideas how to get the play button to appear other than uploading a separate image?
@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.
[...] 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: [...]