How to Embed a Facebook Video on Your Website or Blog Post

Recently I become a fan of videos being shared on facebook. Since Facebook is a community of real human so videos which got likes can’ be fake. More over the quality of videos which are shared on Facebook are better than any other video hosting website.

When you watch a Facebook video you don’t see any option of embedding video . There are many videos which I wanted to share with you and use it for my other project but since embedding option was not there I could not use it.

Thanks to ampercent for this useful tutorial which shows how you can embed Facebook video inside your blog post.

Embedding Facebook video:

Here is a simple step by step process which you can follow to embed any Facebook video into your web-page.

Click on Go to video on any Facebook Video:

From the URL copy the highlighted part: (i.e your Video ID)

Now in this embed code: replace the xxx with Video ID and you paste the code in HTML format and you will have your Facebook video on your blog post

<object width=”400″ height=”224″ >
<param name=”allowfullscreen” value=”true” />
<param name=”allowscriptaccess” value=”always” />
<param name=”movie” value=”http://www.facebook.com/v/xxx” />
<embed src=”http://www.facebook.com/v/xxx” type=”application/x-shockwave-flash”
allowscriptaccess=”always” allowfullscreen=”true” width=”400″ height=”224″>
</embed>
</object>

.csharpcode, .csharpcode pre

{

font-size: small;

color: black;

font-family: consolas, “Courier New”, courier, monospace;

background-color: #ffffff;

/*white-space: pre;*/

}

.csharpcode pre { margin: 0em; }

.csharpcode .rem { color: #008000; }

.csharpcode .kwrd { color: #0000ff; }

.csharpcode .str { color: #006080; }

.csharpcode .op { color: #0000c0; }

.csharpcode .preproc { color: #cc6633; }

.csharpcode .asp { background-color: #ffff00; }

.csharpcode .html { color: #800000; }

.csharpcode .attr { color: #ff0000; }

.csharpcode .alt

{

background-color: #f4f4f4;

width: 100%;

margin: 0em;

}

.csharpcode .lnum { color: #606060; }

Here I’m embedding a Facebook Video from my Facebook Fan page:

You might like to read: How to Embed youtube video into WordPress blog

I’m sure many of you who are not aware of how to embed facebook videos, will find it useful.

Article by Harsh Agrawal

Harsh has written 1206 articles.

If you like This post, you can follow ShoutMeLoud on Twitter. Subscribe to ShoutMeLoud feed via RSS or EMAIL to receive instant updates.

Follow @ShoutMeLoud