How to embed Facebook videosPieter posted in "Hacks & tricks". 3 years, 2 months ago
YouTube, DailyMotion, and nearly all other video sharing sites offer a piece of code that allows bloggers and webmasters to easily grab and embed videos on their own sites. The “Share” button underneath a Facebook video on the other hand, only enables internal sharing, like on a Facebook profile page, or in a Facebook message. So how do you pull videos uploaded to Facebook out of their original context and add them to your web page? How do you allow non-Facebook members to watch a Facebook video? We can tell you how, because we got the unofficial Facebook video embed HTML code.
While on the Facebook page of the video you want to embed, take a look at the browser address bar and look for a series of (usually 12 or 13) numbers right after v= (ignore all other numbers that might be present in the URL). This is the video id, and all you have to do is replace the x’s in the code below with this exact number.
<object width="400" height="224" >
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="movie" value="http://www.facebook.com/v/xxxxxxxxxxxx" />
<embed src="http://www.facebook.com/v/xxxxxxxxxxxx" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="400" height="224">
Now copy-paste the modified embed code to the web page of your choice and it should render as the Facebook video player.
Example URL with the video ID in bold: http://www.facebook.com/profile.php?id=1243344915#!/video/video.php?v=1302371039705&subj=1243344915