Walker News

Video Guide: How To Embed Facebook Video On Your Website?

Just like YouTube, Vimeo, and most video hosting services, you can embed Facebook video in HTML of any websites.

For each video you’ve uploaded to Facebook, there is a “Embed this video” button on the video page for uploader to easily generate embed code. The “embed this video” button, however, is not likely available for videos uploaded by others. But, it’s still possible to embed these Facebook videos posted by others, as long as the video in question is shared to public (not closed group) by publisher:

As shown by the screencast (above):

1. On Facebook Wall or News Feed, right click screenshot of the video to be shared and select “Open link in new tab/window” (on IE 9 / Firefox 5 / Google Chrome 13 beta) to access video page.

2. The “Embed this video” button only seen on the video posted by me (or yourself), but the code generated by it can be used as a template to embed just any Facebook video, e.g.:
<object width="500" height="314" ><param name="allowfullscreen" value="true" /><param name="movie" value="http://www.facebook.com/v/242677252425464" /><embed src="http://www.facebook.com/v/242677252425464" type="application/x-shockwave-flash" allowfullscreen="true" width="500" height="314"></embed></object>

Where the red-text is the unique Facebook video ID and blue-text is the width and height of the embedded video.

3. Now, says I want to embed a video of others (i.e. not uploaded by me). So, right click screenshot of that video and open its video page, copy the unique video ID from Address bar of web browser, e.g. (the red-text):

By substitute this video ID (of step-3) into the Facebook embedded video code template (of step-2), the result is shown here as this:

Until the video is deleted or restricted by its owner (outside my control), that embedded video will be available for playback right on this page (or your own website).

Custom Search

2018  •  Privacy Policy