Quick Online Tips

How to Embed Facebook Videos

It is easy to embed Youtube videos, but how to embed Facebook videos on your site / blog. Facebook videos have links to share the Facebook video on your wall / friends wall, but does not provide an embed code. Here is how to do it.

1. Go to Facebook Video Page

When you are viewing a Facebook video in your news feed / profile and reach the end, these are the options offered.
facebook video url

Click on the “Go to Video” link and you are directed to the Facebook video page.

2. Find Facebook Video Url

Now look at the long url address in the browser location bar. It will look something like this

http://www.facebook.com/video/video.php?v=123456789012345

This is the url of the Facebook video page and cannot be embedded. We have to edit / shorten this url  to get the actual Facebook video url to embed. So this is the shorter url we need (note the changes, number stays same)

http://www.facebook.com/v/123456789012345

2. Get Facebook Video Embed Code

If you look at the old style embed code for any Youtube video, you find it looks like this

<object width="500" height="314">
<param name="movie" value="http://www.youtube.com/v/kdjuyfQijs0?fs=1&amp;hl=en_US"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/kdjuyfQijs0?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" width="500" height="314" allowscriptaccess="always" allowfullscreen="true"></embed>
</object>

This is a standard embed code for shockwave flash video. We have highlighted the embedded youtube urls. Now replace those youtube urls with the Facebook urls.

<object width="500" height="314">
<param name="movie" value="http://www.facebook.com/v/123456789012345"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.facebook.com/v/123456789012345" type="application/x-shockwave-flash" width="500" height="314" allowscriptaccess="always" allowfullscreen="true"></embed>
</object>

Paste in html mode in your post, and your Facebook video is embedded! Enjoy!

IMPORTANT NOTE: All Facebook videos are NOT in the public domain. Videos posted by Facebook users maybe copyrighted, personal, private, and may NOT be permitted for distribution or illegal to use without permission. So before you go ahead and embed any Facebook video, ALWAYS seek permission from the video owner / creator.



11 Responses

  1. Wow… pretty easy tute to embed fb videos !! Great share buddy

    Tech Crates posted on 31/05/2011
  2. There is one more way to embed it into your blog, go to facebook video page and look at your left, you’ll see ‘embed this video’ link use it.

    RealTimeTricks posted on 31/05/2011
  3. That embed link is visible if you want to embed your own videos.

    QuickOnlineTips posted on 31/05/2011
  4. Thanks for sharing the information, I will try one of my website.

    Adair posted on 01/06/2011
  5. Thank you very much, PCHere. I am thinking about how to embed FB Video for long time. And now I have understood. Thanks, dude!

    Pujiono JS posted on 01/06/2011