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.
Facebook Video Url
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 http://www.facebook.com/v/123456789012345
Get Facebook Video Embed Code
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&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&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>
