[How To] Embed Facebook Videos

[How To] Embed Facebook Videos

May 30, 2011 11:00 pm 0 comments

I’m sure any person with a blog has often wondered why Facebook doesn’t provide an embed option on its videos. We’ve learned to use YouTube or Vimeo by default, but guess what? You CAN embed Facebook videos – its just not as obvious as it is on YouTube. Unfortunately, however, not all Facebook videos are in the public domain, so depending on a user’s privacy settings you may not have the option to “go to video” (as shown below). Keep in mind that the Facebook TOS are different than other sites, so embedding the content of others without their consent could get you in some trouble. My advice is just to stick to embedding your own content.

 

Alright, here’s how to do it:

1. Go to Facebook Video Page

When you reach the end of a Facebook video, this is the screen you’ll see:

Click on the “Go to Video” link and you are directed to a 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. You’ll have to edit 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. I have bolded 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!


Leave a reply