SuperQuick Tip Of The Week – Adding Video To Your Static FBML Page

Welcome Back! If you enjoy my blog leave a comment for me and share it with your friends! Don't forget to take advantage of my FREE 7-Day Video Training Series, Leadership In Online Marketing. Simply fill in your name and email under my video in the right hand column! Thanks for visiting!

This week my tip is pretty specific to those people who have or are building Facebook fanpages.

If you are serious about creating a presence for yourself in social media though I think it is an absolute MUST.

As a matter of fact, here are my top 3 reasons for having a Facebook fanpage.

But assuming you’ve created one and you are attempting to customize it as I suggested… you will want to add video… and I’m going to show you exactly how.

First you will need to add the Static FBML Application to your fanpage.

Once you have created a page using the FBML Application you will need the following code to add a YouTube video:

<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' />

You will replace the ‘xxxxxxxxxx’ in the swfsrc with your Youtube video ID which is the string of characters in your video URL after ‘v=’.

For example, if this is your Youtube video URL: http://www.youtube.com/watch?v=WTJejhMidDY

You would replace ‘xxxxxxxxxx’ with ‘WTJejhMidDY’.

The imgsrc is the preview image. You can replace the ‘xxxxxxxxxx’ in this part of the code with your Youtube video ID (‘WTJejhMidDY’) as well.

The only problem is that because of size differences in the preview picture between Youtube and Static FBML the quality is not going to be very good (trust me I know from experience).

An easy way to make any picture you want to be the preview is to upload it to Photobucket. Once you have uploaded it, the picture will have it’s own URL. You will replace the Youtube URL in the imgsrc with the picture’s URL.

So your final code might look something like this:


<fb:swf
swfbgcolor=”000000″ imgstyle=”border-width:3px; border-color:white;”
swfsrc=’http://www.youtube.com/v/Z6V2WSyiC_M’
imgsrc=’http://i606.photobucket.com/albums/tt148/lifeofpurposeandpassion/amandamarie.jpg’ width=’445′ height=’334′/>

You can always play around with the border color, width and height to make your video look exactly the way you want.

LAST sidenote – If you follow these directions you will have a lovely picture on your Fanpage FBML page but your fans have to know that they are supposed to CLICK on the picture to see your video.

To do this you could either put text above telling them to click on it… OR you could draw a “Play” button on your picture like I did. I did it about the simplest way possible. If you have the technology to do fancy image editing, go for it but I got the job done using the good old Paint program. Just open your picture in Paint, draw a “Play” button, and then resave it to your computer. Upload the picture with the play button on it to Photobucket and you’re in business.

I hope this post has been helpful, and if you have any further questions feel free to leave me a comment below and I will try my best to help you answer it.

Head over to http://www.facebook.com/JoinAmandaMarie to see what the finished product will look like.

I’m looking forward to seeing some videos floating around on those fanpages! It’s about time to put Facebook to work for you.

To Your Ultimate Success,

Check Out These Related Posts

, , , , ,

11 Responses to “SuperQuick Tip Of The Week – Adding Video To Your Static FBML Page”

  1. Tim Ware Says:

    Hi Amanda, Nice post. Your readers may enjoy a similar tutorial I posted on embedding Flash and video on a Static FBML page.

    Our blog also has tutorials on embedding Flickr gallery slideshows, YouTube channel slideshows, and lots of other info.

    We also recently posted a full FAQ on Static FBML.

    Keep up the good work!
    Tim

    Amanda Reply:

    Hey Tim! Thanks for stopping by and bringing your value! Much appreciated!

  2. Mike Paul Says:

    Great post Amanda! Any time you can use video on any of your sites, you’re going to absolutely get better results.

    I’m off to get a video ready for my page right now!

    Mike
    Mike Paul´s last blog ..5 Ways to Squeeze More Profits Out Of Your Blog My ComLuv Profile

  3. David Porter Says:

    This was extremely helpful Amanda. Thank you for a concise presentation that is easy to understand and digest. I am off to make it happen, I will let you know when I’m done.
    David
    David Porter´s last blog ..Guys Pay Attention My ComLuv Profile

    Amanda Reply:

    Hey David and Mike! Thanks for stopping by my blog! I look forward to seeing your customized fanpages!

  4. Val Wilcox Says:

    Amanda,
    This will come in so handy when Iget my Fan Page completed.
    Thanks for the great info!
    Val
    Val Wilcox´s last blog ..Can You Hear Me Now? My ComLuv Profile

    Amanda Reply:

    No problem Val! I look forward to seeing it!

  5. Hal Hoadley Says:

    Hi Amanda, Enjoying your video’s and learning stuff I did not know. I especially like the little tricks you share to make things easier. I’m a newbie when it comes to online marketing and I’m very happy I found your blog. keep up the good work.
    Regards,
    Hal

  6. Mathilda Schmitke Says:

    I always enjoy reading intelligent articles by an author who is obviously up to snuff on their chosen subject. I’ll be watching this post with great interest. Keep up the great work, I will be back

  7. Jennifer May Says:

    Hey Amanda! Awesome Tip!!! Definitely going to use this one once I get more of my videos going. I have my Facebook Fanpage done since a few months back, so good to go there! Just officially did my first video and will be adding many more over the next few months! Thanks for this great tip, will be implementing it soon! :)
    Jennifer May´s last blog ..My Top 5 Tips On Overcoming Any Fear How I Overcame My Own Fear Of Video MarketingMy ComLuv Profile


Trackbacks/Pingbacks

  1. Social comments and analytics for this post…

    This post was mentioned on Twitter by joannmuana: RT @AmandaMarieBlog: My Newest SuperQuick Tip Of The Week Just For YOU – Adding Video To Your Facebook Fanpage Via The Static FBML App http://bit.ly/bJJfIC...

Leave a Reply

CommentLuv Enabled

PHVsPjxsaT48c3Ryb25nPndvb19hZF8zMDBfYWRzZW5zZTwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2FkXzMwMF9pbWFnZTwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud29vdGhlbWVzLmNvbS9hZHMvd29vdGhlbWVzLTMwMHgyNTAtMi5naWY8L2xpPjxsaT48c3Ryb25nPndvb19hZF8zMDBfdXJsPC9zdHJvbmc+IC0gaHR0cDovL3d3dy53b290aGVtZXMuY29tPC9saT48bGk+PHN0cm9uZz53b29fYWRfaW1hZ2VfMTwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud29vdGhlbWVzLmNvbS9hZHMvd29vdGhlbWVzLTEyNXgxMjUtMS5naWY8L2xpPjxsaT48c3Ryb25nPndvb19hZF9pbWFnZV8yPC9zdHJvbmc+IC0gaHR0cDovL3d3dy53b290aGVtZXMuY29tL2Fkcy93b290aGVtZXMtMTI1eDEyNS0yLmdpZjwvbGk+PGxpPjxzdHJvbmc+d29vX2FkX2ltYWdlXzM8L3N0cm9uZz4gLSBodHRwOi8vd3d3Lndvb3RoZW1lcy5jb20vYWRzL3dvb3RoZW1lcy0xMjV4MTI1LTMuZ2lmPC9saT48bGk+PHN0cm9uZz53b29fYWRfaW1hZ2VfNDwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud29vdGhlbWVzLmNvbS9hZHMvd29vdGhlbWVzLTEyNXgxMjUtNC5naWY8L2xpPjxsaT48c3Ryb25nPndvb19hZF9pbWFnZV81PC9zdHJvbmc+IC0gaHR0cDovL3d3dy53b290aGVtZXMuY29tL2Fkcy93b290aGVtZXMtMTI1eDEyNS00LmdpZjwvbGk+PGxpPjxzdHJvbmc+d29vX2FkX2ltYWdlXzY8L3N0cm9uZz4gLSBodHRwOi8vd3d3Lndvb3RoZW1lcy5jb20vYWRzL3dvb3RoZW1lcy0xMjV4MTI1LTQuZ2lmPC9saT48bGk+PHN0cm9uZz53b29fYWRfdXJsXzE8L3N0cm9uZz4gLSBodHRwOi8vd3d3Lndvb3RoZW1lcy5jb208L2xpPjxsaT48c3Ryb25nPndvb19hZF91cmxfMjwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud29vdGhlbWVzLmNvbTwvbGk+PGxpPjxzdHJvbmc+d29vX2FkX3VybF8zPC9zdHJvbmc+IC0gaHR0cDovL3d3dy53b290aGVtZXMuY29tPC9saT48bGk+PHN0cm9uZz53b29fYWRfdXJsXzQ8L3N0cm9uZz4gLSBodHRwOi8vd3d3Lndvb3RoZW1lcy5jb208L2xpPjxsaT48c3Ryb25nPndvb19hZF91cmxfNTwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud29vdGhlbWVzLmNvbTwvbGk+PGxpPjxzdHJvbmc+d29vX2FkX3VybF82PC9zdHJvbmc+IC0gaHR0cDovL3d3dy53b290aGVtZXMuY29tPC9saT48bGk+PHN0cm9uZz53b29fYWRzX3JvdGF0ZTwvc3Ryb25nPiAtIHRydWU8L2xpPjxsaT48c3Ryb25nPndvb19hbHRfc3R5bGVzaGVldDwvc3Ryb25nPiAtIDctY29vbGJsdWUuY3NzPC9saT48bGk+PHN0cm9uZz53b29fYXNpZGVzX2NhdGVnb3J5PC9zdHJvbmc+IC0gU2VsZWN0IGEgY2F0ZWdvcnk6PC9saT48bGk+PHN0cm9uZz53b29fYXV0aG9yPC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19hdXRvX2ltZzwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fYmxvZ19jYXRfaWQ8L3N0cm9uZz4gLSA8L2xpPjxsaT48c3Ryb25nPndvb19ibG9nX25hdmlnYXRpb248L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2Jsb2dfcGVybWFsaW5rPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fYnJlYWRjcnVtYnM8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NvbnRlbnQ8L3N0cm9uZz4gLSB0cnVlPC9saT48bGk+PHN0cm9uZz53b29fY29udGVudF9mZWF0PC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19jdXN0b21fY3NzPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fY3VzdG9tX2Zhdmljb248L3N0cm9uZz4gLSA8L2xpPjxsaT48c3Ryb25nPndvb19leGNsdWRlX3BhZ2VzX21haW48L3N0cm9uZz4gLSA8L2xpPjxsaT48c3Ryb25nPndvb19mZWF0X2ltYWdlX2hlaWdodDwvc3Ryb25nPiAtIDE5NTwvbGk+PGxpPjxzdHJvbmc+d29vX2ZlYXRfaW1hZ2Vfd2lkdGg8L3N0cm9uZz4gLSA1NDA8L2xpPjxsaT48c3Ryb25nPndvb19mZWF0X3BhZ2U8L3N0cm9uZz4gLSA8L2xpPjxsaT48c3Ryb25nPndvb19mZWF0X3BhZ2VzPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fZmVhdHVyZWRfcG9zdHM8L3N0cm9uZz4gLSA1PC9saT48bGk+PHN0cm9uZz53b29fZmVlZGJ1cm5lcl9pZDwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2ZlZWRidXJuZXJfdXJsPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fZm9vdGVyX2xlZnQ8L3N0cm9uZz4gLSA8L2xpPjxsaT48c3Ryb25nPndvb19mb290ZXJfcmlnaHQ8L3N0cm9uZz4gLSA8L2xpPjxsaT48c3Ryb25nPndvb19nb29nbGVfYW5hbHl0aWNzPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29faGlnaGxpZ2h0X3RleHQ8L3N0cm9uZz4gLSA8L2xpPjxsaT48c3Ryb25nPndvb19oaWdobGlnaHRfdXJsPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29faG9tZV9vbmVfY29sPC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19pbWFnZV9zaW5nbGU8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2luY19mZWF0X3BhZ2U8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2luY19mZWF0X3BhZ2VzPC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19pbmNfZm9vdGVyX2xlZnQ8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2luY19mb290ZXJfcmlnaHQ8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2xvZ288L3N0cm9uZz4gLSBodHRwOi8vYW1hbmRhLW1hcmllLmNvbS93cC1jb250ZW50L3dvb191cGxvYWRzLzctaGVhZGVyLnBuZzwvbGk+PGxpPjxzdHJvbmc+d29vX21hbnVhbDwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud29vdGhlbWVzLmNvbS9zdXBwb3J0L3RoZW1lLWRvY3VtZW50YXRpb24vZnJlc2gtbmV3cy88L2xpPjxsaT48c3Ryb25nPndvb19taW5pZmVhdF9oZWlnaHQ8L3N0cm9uZz4gLSAxMTA8L2xpPjxsaT48c3Ryb25nPndvb19taW5pZmVhdF93aWR0aDwvc3Ryb25nPiAtIDIxODwvbGk+PGxpPjxzdHJvbmc+d29vX3Jlc2l6ZTwvc3Ryb25nPiAtIHRydWU8L2xpPjxsaT48c3Ryb25nPndvb19zaG9ydG5hbWU8L3N0cm9uZz4gLSB3b288L2xpPjxsaT48c3Ryb25nPndvb19zaW5nbGVfaW1hZ2VfaGVpZ2h0PC9zdHJvbmc+IC0gMTAwPC9saT48bGk+PHN0cm9uZz53b29fc2luZ2xlX2ltYWdlX3dpZHRoPC9zdHJvbmc+IC0gMTAwPC9saT48bGk+PHN0cm9uZz53b29fdGFiczwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fdGhlX2NvbnRlbnQ8L3N0cm9uZz4gLSB0cnVlPC9saT48bGk+PHN0cm9uZz53b29fdGhlbWVuYW1lPC9zdHJvbmc+IC0gRnJlc2ggTmV3czwvbGk+PGxpPjxzdHJvbmc+d29vX3RodW1iX2hlaWdodDwvc3Ryb25nPiAtIDEwMDwvbGk+PGxpPjxzdHJvbmc+d29vX3RodW1iX2ltYWdlX2hlaWdodDwvc3Ryb25nPiAtIDc1PC9saT48bGk+PHN0cm9uZz53b29fdGh1bWJfaW1hZ2Vfd2lkdGg8L3N0cm9uZz4gLSA3NTwvbGk+PGxpPjxzdHJvbmc+d29vX3RodW1iX3dpZHRoPC9zdHJvbmc+IC0gMTAwPC9saT48bGk+PHN0cm9uZz53b29fdXBsb2Fkczwvc3Ryb25nPiAtIGE6NTp7aTowO3M6NTk6Imh0dHA6Ly9hbWFuZGEtbWFyaWUuY29tL3dwLWNvbnRlbnQvd29vX3VwbG9hZHMvNy1oZWFkZXIucG5nIjtpOjE7czo1OToiaHR0cDovL2FtYW5kYS1tYXJpZS5jb20vd3AtY29udGVudC93b29fdXBsb2Fkcy82LWhlYWRlci5wbmciO2k6MjtzOjU5OiJodHRwOi8vYW1hbmRhLW1hcmllLmNvbS93cC1jb250ZW50L3dvb191cGxvYWRzLzUtaGVhZGVyLnBuZyI7aTozO3M6NTk6Imh0dHA6Ly9hbWFuZGEtbWFyaWUuY29tL3dwLWNvbnRlbnQvd29vX3VwbG9hZHMvNC1oZWFkZXIucG5nIjtpOjQ7czo1OToiaHR0cDovL2FtYW5kYS1tYXJpZS5jb20vd3AtY29udGVudC93b29fdXBsb2Fkcy8zLWhlYWRlci5wbmciO308L2xpPjxsaT48c3Ryb25nPndvb192aWRlb19jYXRlZ29yeTwvc3Ryb25nPiAtIFNlbGVjdCBhIGNhdGVnb3J5OjwvbGk+PC91bD4=