Video marketing is the future of content marketing, and one should integrate it to multiple places. Facebook, now allows to you easily embed videos on website like YouTube. Now you can easily put Facebook videos on your blog or website without having to direct your audience to the Facebook.
Note : There are two important points to consider before embed any Facebook video to your website or blog.
1. you can embed Facebook videos which are shared publicly. Facebook doesn't provide the embed code for private videos.
2. Facebook still uses the Adobe Flash player to embed videos when your website is viewed on a desktop. It automatically switches to the HTML5 format on mobile devices but if someone is viewing your website from a desktop or laptop, they would need the Shock wave Flash plugin enabled to view your embedded videos.
The embedded videos are responsive and occupy the full width of the parent div. If you would like to constraint the video width or need to wrap text around the video, you’ll need to modify the .fb-video class as show in the snippet below:
<style>
.fb-video {
/* Do not occupy the full width*/
max-width: 300px !important;
/* Align the video to the right of a page and wrap the text */
float: right;
/* Add a Grey border to the video */
border: 2px solid grey;
}
</style>
Note : There are two important points to consider before embed any Facebook video to your website or blog.
1. you can embed Facebook videos which are shared publicly. Facebook doesn't provide the embed code for private videos.
2. Facebook still uses the Adobe Flash player to embed videos when your website is viewed on a desktop. It automatically switches to the HTML5 format on mobile devices but if someone is viewing your website from a desktop or laptop, they would need the Shock wave Flash plugin enabled to view your embedded videos.
Embed Facebook Videos to Your Website
2. Click on video > Options > Embed video.
1. First of all login to your Facebook Account and search for any video which you like to embed on your website or blog.
2. Click on video > Options > Embed video.
3. Now copy the code and paste in your website template or your blog post.
Here is a sample Embed Video From Facebook
The embedded videos are responsive and occupy the full width of the parent div. If you would like to constraint the video width or need to wrap text around the video, you’ll need to modify the .fb-video class as show in the snippet below:
<style>
.fb-video {
/* Do not occupy the full width*/
max-width: 300px !important;
/* Align the video to the right of a page and wrap the text */
float: right;
/* Add a Grey border to the video */
border: 2px solid grey;
}
</style>
Also Try This
<object width="500" height="314">
<param name="movie" value="https://www.facebook.com/video.php?v=865490953523192"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="https://www.facebook.com/video.php?v=865490953523192" type="application/x-shockwave-flash" width="500" height="314" allowscriptaccess="always" allowfullscreen="true"></embed>
</object>
<param name="movie" value="https://www.facebook.com/video.php?v=865490953523192"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="https://www.facebook.com/video.php?v=865490953523192" type="application/x-shockwave-flash" width="500" height="314" allowscriptaccess="always" allowfullscreen="true"></embed>
</object>
Replace https://www.facebook.com/video.php?v=865490953523192 with your Facebook video id.