How To Make Youtube Videos Responsive In Blogger

In these days every blogger expert advice you to use responsive responsive templates because almost haft of traffic in internet is came from mobiles devices like smartphones and tablets.In responsive templates when you embedded videos in your blog post they will be stretched in small screen devices.Today i am publishing an article on it to how to make youtube videos responsive in blogger easily.So if you want to embed responsive screen youtube in your blogger post then follow and apply below steps carefully.

Also Read: How To Download Youtube Videos Without Any Software

How To Embed Responsive Videos To Blogger:
1. Go to Blogger Dashboard and select your blog.
2. Click on Template in left side.
3. Now click on Edit HTML.
4. Now press Ctrl+F and search for ]]></b:skin>.
5. After finding ]]></b:skin> paste below code just above it.

Also Read: How To Disable or Hide Last Seen Time In WhatsApp For Android And iPhone

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

6. After adding above code to your blog save your template by clicking Save Template button.
7. Now,Copy and paste below code to your blog post in HTML Mode.

<div class=”video-container”>Enter Your Code</div> 

8. Now open your Youtube video which you want to embed in your blog post and copy the embed code.
9. Replace Enter Your Code with youtube video embed code which you copied in last step.
10. Now your videos screen becomes responsive in responsive blogger templates easily.

Also Read: How To Create A Bootable Pendrive For Windows 7 And 8

From The Author:
Make youtube videos responsive is most important thing if you have responsive blogger template.So if you face any problem in embedding responsive videos to blogger post then please comment below or visit our Contact Us page.