How to Embed A Youtube Video On Your Facebook Page - Creating A Killer Facebook Fan Page Part Four



Read More: Social Networking

"The important thing about a problem is not its solution, but the strength we gain in finding the solution" - Unknown Author

 
Here's the result you will have when finished applying the steps in the video tutorial or the article. It's still simple and nothing jazzy but what I want is first to everyone doing this and later in time we get kicked.

We'll need it when we make everything hot and fancy later on:
 
embed youtube videos onto facebook fbml
 
Before you can embed the Youtube Video onto your facebook fan page, we need to do some preparation. We need to have the image ready so people see your video to press on or it won't work.

 
Let’s get the preparation done and afterwards we can add the code for the youtube video and the direct link for your image.
 
If you need a free design software and haven't Photoshop, then you can download GIMP. It's a free software, for retouching images.

Or you can check out 25 Free Must Download Design Programs that will do the job too.
 

Creating Your Image For Your Youtube Video

Go to any of your videos on youtube and press on your keyboard to Print screen. This will capture a still image of your video.
Or you can use a software like Camtasia to record and then capture an image.
 

Open a design software on your computer. I use Photoshop but you can use Gimp which is free or paint brush. I created a canvas to have this size:

resizing images in photoshop for facebook

 

When your canvas is ready then paste the image of the still image onto it using the CTRL + V on your keyboard.

Pasting image for FBML to host and put on to fan page facebook

 

Clean it up by cutting out the full player and paste again. Then Resize it to fill the canvas. We’re going to add some colour and text to it, to make it more presentable:

adam taha Image ready to be hosted on photobucket for FBML

 

I don’t need to slice this image. You just need to save it in a format that will help us to upload it online. We’ll save this image file as a Jpeg file:

save image to host on photobucket and embed into facebook fan page fbml

 

Upload Your Video To An Image Hosting

You can use any online image hosting that works for you. I’m going to use Photobucket, which is free to upload your images:

Upload image to photobucket for facebook fan page FBML
 

When the image has been uploaded to Photobucket – it will give us different links. The one to copy is the “Direct Link.”

image for facebook fan pages embed on fbml

 

Now we need to also get the link for our youtube video.

It’s the Direct URL Link that we need. Highlight the direct youtube url, right click with your mouse and copy it and paste it in your note pade or word document.

How to embed Youtube on Facebook Fan Pages FMBL

 

Pasting The Code On Your Facebook Fan Page

On part 3, we created the tabs and we used FBML to create a box to paste the code. Its time to login to your Facebook account. 

Then type on Facebook search box your own profile facebook name or the name of your fan page and click on it.

Login to Facebook Fan Pages

When you’re on your Facebook Fan page, we need to go to one of the tabs we have created. Look on your left where your profile photo would be. Under it, click on 'Edit Page.'


 

This will take you to all the applications that’s on your Facebook Fan Page. Scroll down until you find the tab you want to put the youtube video in and click on 'Edit.'

Facebook Markup Language FBML

 

You'll come to the box where we are going to add the code. We will make some slight changes too. We can’t just paste the code in straight off. Just a few changes are needed:
Pasting youtube video in FBML Facebook Fan Page
 

The full code to paste into the box above is this:

I'll not go into explain what the code means as I don't want you to go to sleep. Let's keep it brief in say:

A) Your telling facebook where the image is.

B) You're telling facebook where the video is and the format type of video it is.

Swf = is the format of your video. It stands for Shockwave Flash.
Src = stands for source. It needs to be the the direct, absolute URL link your video or image is being hosted on.

All we got to do is change the youtube link to work with Facebook Markeup Language (FBML):

And here's the full code. All you got to do is replace the link for the image and the youtube video and replace them with your link. I've highlighed them as bold:

<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc=' http://www.youtube.com/v/ca083F0jZu8'
imgsrc='http://i329.photobucket.com/albums/l367/onedarkangel_uk/youtubeimage.jpg' width='680' height='480' /></center>

It’s time to paste the code into the box tab of our facebook fan page.

Before we save the work, we add one slight change so we can centre everything, give the page a headline, and also make some paragraphs. These are the added changes I made:

We add the headline:
<h1> HEADLINE HERE.</h1>

We centre the video, image of the video and headline:
<center> and I close the centre like this </center>

Then add paragraph break:

<p> and I close this paragraph </p>

Below is what it looks like with everything added in the FBML box:

facebook fan page fbml code for yourtube video and image

 

Let's see what it looks like by saving your hard work:

Next is go back to our face book fan page by clicking on the link above or by using Facebook search engine.

Which will lead us back to our fan page. Click on the tab you have pasted the code in:

 

 Your Result shows the image first on your facebook fan page:

When you click on the image your video will be activated:

And press play.

Congratulations you have now got your own youtube playing on your facebook fan page.

 

------------------------------------------------------------------------------------------------------------------------------

The Killer Facebook Fan Page Series:

Part One - The Beginners Guide To Creating A Killer Facebook Page
Part Two - Taking Action To Plan Your Facebook Fan Page
Part Three - Creating A Welcome Tab, Ezine Tab To Your Facebook Fan Page

Part Four - Embeding Youtube Video and Any SWF Videos to Facebook Fan Page
Part Five - How To Add Aweber Opt-in Form To Facebook Fan Page
Extra Extra - How to block Games Applications On Your Facebook Wall

 

Adam Taha
Helping You Get Started With Internet Marketing And Social Media

 

Login or register to post comments  |  Views Views: 20,031  |  Comments Comments: 10  

About the Author: Adam Taha

Member Since: 05/31/2008

Industry: Marketing and Advertising

Primary Web Site: No Website Entered

Comments



Impressed

You work is indeed of a great quality. I am more than impressed, keep me updated on the latest, I am more than excited that I got here..
Designer eyeglasses

Chris Harris Harris — Fri, 12/31/2010 - 3:28am

i quickly copied a template

i quickly copied a template but didn't notice the part about changing the link, thanks Adam!

Elle Billias — Tue, 01/11/2011 - 9:32am

Great steps

This article I need to bookmark so I can refer back to it when I make my video page. Thank you for the step by step instructions! Bummer your you tube vids aren't active anymore!

Karen Miller — Sun, 02/20/2011 - 2:13am

Great tutorial! You have

Great tutorial! You have done wonderful job here.
Property in Noida
Corporate

Marry Lyance — Wed, 06/01/2011 - 3:40am

how to talk dirty

Creating a user account will give you all the benefits of Answers In Action membership and it will allow you to post comments and submit items as yourself. If you don't have an account, you will only be able to post anonymously.
how to talk dirty

steve kelly — Wed, 02/01/2012 - 12:31pm

wedding photography agency calgary

Excellent read I just passed this onto a colleague who was doing a little research on that. And he actually bought me lunch because I found it for him smile So let me rephrase that: Thanks for lunch.
wedding photography agency calgary

jameel ahmed — Tue, 02/14/2012 - 4:52am

口臭

Its amazing, looking at the time and effort you put into your blog and detailed information you provide. I'll bookmark your blog and visit it weekly for your new posts.Its amazing, looking at the time and effort you put into your blog and detailed information you provide. I'll bookmark your blog and visit it weekly for your new posts.
口臭

saadrooking rooking — Thu, 02/16/2012 - 8:35am

yeast infection treatment

Its amazing, looking at the time and effort you put into your blog and detailed information you provide. I'll bookmark your blog and visit it weekly for your new posts.Its amazing, looking at the time and effort you put into your blog and detailed information you provide. I'll bookmark your blog and visit it weekly for your new posts.
yeast infection treatment

saadrooking rooking — Sat, 02/18/2012 - 8:46am

Impressed

Hi Adam,
Great tutorial!
Thank’s for sharing

web dizajn

web dizajn Media — Wed, 03/14/2012 - 7:05am

virginia seo company

Excellent read I just passed this onto a colleague who was doing a little research on that. And he actually bought me lunch because I found it for him smile So let me rephrase that: Thanks for lunch.
virginia seo company

saadrooking rooking — Thu, 03/15/2012 - 10:31am

Why Customers Buy?

Why do customers buy and why they don't? If you don't know the answer then you're attracting dead end leads. Contact me for more.