How to embed responsive size youtube video in blogger
How to embed youtube video in blogger as responsive size:
Hello friends, if you also want to add YouTube video in responsive size inside Blogger website, then watch the video given below this post.
HTML
</br><center><h3>Title</h3></center>
<div class="video-responsive" style="text-align: center;outline:3px solid #6b04c3;"><iframe id="yt_link" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen src="https://www.youtube.com/embed/YouTube Video ID"></iframe></div>
CSS
<style type="text/css">
/*YouTube Video Responsive start*/
.video-responsive{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.video-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
/*YouTube Video Responsive end*/
</style>
 |
| So friends, in this post we are going to talk about how you can embed Yotub video in Blogger website in responsive size |
