Videos and Infographics are the future of content marketing. So you can't ignore that, for the simple reason I don't know how to produce high-quality content videos, I am unable to produce Infographics which are engaging and shareable one, I am not having sufficient data to create those infographics. So this is my problem in producing videos and creating infograhics. But I want to embed those high-quality videos to my site without any difficulty. Because I know videos will enhance my blog posts to different level. Particularly I want to embed Facebook videos. But I don't know how to do it. For those people this post gives you an idea "how to do it". It's easy to integrate Facebook Videos to your website. Earlier anyone can upload Facebook videos, but they can't embed those videos into their blogs or websites unlike YouTube videos and other online video sharing websites. They can only embed entire post with the video. They can't take out the code separately of the video. But now I find out the trick to embed Facebook Videos to your website without any hassle.

1. Facebook not allow its users to share their videos outside Facebook. If you want to see those videos you should log in Facebook account and you should be a friend of that person who shares the video.

2. Facebook allows only shares inside the Facebook. So if you don't have Facebook account then you can't able to view those videos outside Facebook. 

To overcome this issue I find out one simple trick to embed Facebook Videos to your blog posts.  Now I show you How to Embed a Facebook Video to your website. Follow these simple steps and embed any Facebook videos to your site with ease. This trick working for me, hope you too.

Step-1 : Log in your Facebook Account. 

Step-2 : Select any Facebook Post(s) with video. Once you find out the video post follow the steps mentioned below.

Important Note : Don't select YouTube videos. Because you can directly go to YouTube site, select the video of your choice and then click the embed option, just copy that code and paste it in your HTML section of your blog post. You've done.  But this is not the case here, when it comes to embedding the Facebook videos. This tutorial entirely on Facebook videos and other video sharing sites videos and how to embed those videos to your site. Usually when you see YouTube videos on Facebook. The videos are open in same window and there is no separate code generated for these videos. But when it comes Facebook videos and other video sharing sites videos. Facebook automatically take you to the pop-up window where the videos are displaying.  See the below picture. 

Facebook Embed Videos

Step-3 : Select the video post >>> Click the Video Button. Small Pop-up window will open. Then click the Options link, in that select the 1st option which is Embed Post. Which looks like the below code.

<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-post" data-href="https://www.facebook.com/photo.php?v=10152108517796235" data-width="466"><div class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/photo.php?v=10152108517796235">Post</a> by <a href="https://www.facebook.com/advertlets">Advertlets</a>.</div></div>

Either you can pick the video code from the above Embed Code Option or you can easily get the code from your address bar. In this tutorial, we already copy and pasted here the entire embed code. You see the highlighted code with red color. The number is 10152108517796235.

Facebook Embed Video Code in Address Bar

Now the last step we now going to insert this code (i.e number) in the below iframe code.

<iframe frameborder="0" height="320" src="http://www.facebook.com/video/embed?video_id=669156499806404" width="540"></iframe>

You just replace the above number  669156499806404  
with 10152108517796235 (or video code of your choice)
now your Facebook Video is ready to go.

Facebook Embed Video Demo

You can later increase or decrease the width and height of the video. That's it.

If you enjoy this post then consider sharing with your social media friends. You can also leave your valuable comments below and encourage me to write more tutorial posts. Thanks for visiting my blog. 

How to Embed a Facebook Video - Live Demo Tutorial

Post a Comment