How to Add Mobile Friendly Responsive Facebook Videos Or Embed Fb Videos To Your Blogspot Website By Saransh Sagar ?? - Saransh Sagar
Add Mobile Friendly Responsive Facebook Videos Or Embed Fb Videos To Your Blogspot Website
Copy your fb video link or copy the embed code from your fb video and save it to notepad.

Add Mobile Friendly Responsive Facebook Videos Or Embed Fb Videos To Your Blogspot Website

Step 2

Copy the below link which i mention below

<div class="facebook-responsive">

<iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="315" scrolling="no" src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fsdabaharolldsongs%2Fvideos%2F492153248036391%2F&amp;show_text=0&amp;width=560" style="border: none; overflow: hidden;" width="560"></iframe></div>


<style>

.facebook-responsive {
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}

.facebook-responsive iframe {

left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
</style>


After Copy above code, go to your post/page section and click on html on the left side of blogger dashboard. Now you have to replace your video link by above link ( purple in color ) and change the link mention above in purple from your youtube video link. Change the rest codes as per your requirments. After saving your post/page your video will be publish responsive !! Comment Below & share your experience that is it working or not !! Thanks For Reading !!



No comments:

Post a Comment