Monday 16 July 2012

How to Embed Facebook Videos on Website



There are two type of Facebook videos which you can Embed on website. First is, Video uploaded by you & second is, video uploaded by other facebook users including your friends and both have different ways to embed the video. Check out how you can embed facebook videos on website in both cases.
Note: Facebook have grouped photos & videos section under one group called “photos”. So, if you want to search your uploaded videos, Go to your Photo section and then click on videos link.

Case 1: How to Embed your Own Facebook Videos?
If you have uploaded a video on facebook that you want to embed on your website then Go to that Video and click on Embed this video link and then it will popup a box containing some code. Simply copy that code and paste in your website HTML source.



If you see that code in a notepad then that code will look like Following:
Source code
 
<object width="400" height="224" ><param name="allowfullscreen" value="true" />
<param name="movie" value="http://www.facebook.com/v/302948129731912" />
<embed src="http://www.facebook.com/v/302948129731912" type="application/x-shockwave-flash"
allowfullscreen="true" width="400" height="224"></embed></object>
 
Case 2: How to Embed Others’ Facebook Videos
If you want to Embed Facebook videos of other users then you need to do some editing. First of all, you have to find the video id of that particular video. This you can do easily by opening that video page in new tab and copy the video id. Check out the following screenshot to copy the video id. Keep in mind, All Facebook Videos will have unique id.




Now, copy the following code in a new notepad file and replace FACEBOOK_VIDEO_ID with that facebook video id which you want to embed.

Source code

 
<object width="400" height="224" ><param name="allowfullscreen" value="true" />
<param name="movie" value="http://www.facebook.com/v/FACEBOOK_VIDEO_ID" />
<embed src="http://www.facebook.com/v/FACEBOOK_VIDEO_ID" type="application/x-shockwave-flash" allowfullscreen="true"
width="400" height="224"></embed></object>
Note: The above video is uploaded by me for testing purpose only and hence not publicly available.
Caution: You must take permission before embedding others’ facebook videos on your webpage to avoid any problem in future.
So, once you have made the changes, paste & save that code in your websites’ html view and that’s it. Finally you have learned the process to embed facebook videos in website.


0 comments:

Post a Comment