Here's video tutorial on How to Embed Facebook Videos for your Blogs and Websites. Youtub videos are more easier to embed since there's already a provided code at the YouTube page for each videos. However in Facebook you need the code and copy the video
Firstly, you have to look at the long url address in the browser location bar. It will look something like this
https://www.facebook.com/photo.php?v=240779932714073
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). You need to copy the digits after v= and change the one on the code given below.
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. (Copy the code in blue)
<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! Video Tutorial will be psoted here once we completed our video demo.
Here's how we embed our Facebook video using the code above. You can adjust the width and the height of the video from the code which depend upon the size of your blog/website body template.
Share this
Emoticon Emoticon