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

By January 21, 2020 Digital Marketing, digital saransh, Facebook Videos, responsive facebook videos, Saransh Sagar 0 Comments
How to 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

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 !!

Related Posts

About Author

blogsaranshsagar999

Add a Comment

Your email address will not be published. Required fields are marked *