How to Embed Facebook Videos on your Blog or Website

Most
of the popular video sharing sites on the internet allow their videos
to be embedded on other sites using a piece of code. YouTube, Vimeo and
Dailymotion have been offering this feature for a while and very
recently Facebook has introduced this feature too.

So if you come
across an interesting video on Facebook which you would like to share
through your blog, you can simply use the embed code for the respective
video and paste it in your post. The embedded videos will work perfectly
on both desktop and mobile devices.

However this feature has a
few limitations too. While you can embed a private video on your blog,
but your audience won’t be able to play it. So you should just resort to
embedding video which are available for the public on Facebook.

Here’s how you can embed Facebook videos on your blog or website.

How to Embed Facebook Videos on your Blog or Website

• Step 1: Play any video on Facebook and click on Option that appears at the bottom right of the video.


• Step 2: Select Embed video.

• Step 3: A popup would appear with the embed code highlighted. Copy the embed code and paste it in a post on your blog.

Unfortunately,
the embed code doesn’t work on WordPress sites as as WordPress will
convert all & chars to #038; in the code and and break the player.
So instead of using the embed code provided by Facebook, you can use the
following code.

How to Embed Facebook Videos ona WordPress Site

Copy
the below code and replace the red text with the URL of the Facebook
video and paste it on your WordPress blog post. Additionally you can
even manually set the width of the video by editing the data-width value
which is highlighted in green color in the belowsnippet of code.

Replace this text with the Video URL ” data-width=”500” data-allowfullscreen=”true”>

Here’s how the video should appear on your WordPress site.