YouTube videos are very useful when you want your audience or viewers enjoy and engage effectively with your blog. That is why having right impression will also capture your visitors curiosity and drive to explore and stay longer in your site. Having responsive and user friendly You Tube appearance could increase the engagement of your users. Responsive video means video that it work well on devices with widely differing screen sizes, resolutions, and other such features.
That is why in this blog we would like to teach you how to make your You Tube video responsive. Learn the html and css coding and how to apply them on your blogger.
Watch this video presentation on how to do this.
The following are the codes that you need to embed in your blogger in order to make your You Tube video responsive.
CSS Code
.responsive-youtube
{overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}
.responsive-youtube iframe
{left:0; top:0; height:100%; width:100%; position:absolute;}
HTML Code
<div class="responsive-youtube">
<iframe YOUR YOUTUBE CODE></iframe>
</div>
Simply follow the instruction as shown in the video and everything will work fine. Otherwise, if you got further query you can leave your comments on the box below. Your thoughts and feedbacks are valuable to us.
If you find this information useful please click the social media icon below and spread the good news to your family and friends. Many thanks guys!
0 Comments