Easy method to make Youtube videos responsive in Blogger site

The craze of YouTube videos has increased a lot in 2020 and the only reason for this is having good internet connection. Nowadays, people love watching videos more than reading blogposts. I do not mean to say that people do not read blogposts anymore, but with videos people can understand things better, that is the reason that nowadays people prefer watching videos rather than reading blogposts. Apart from this, it has become very important to embed videos in blogposts as it helps to rank your blogpost as well as engage your viewers, which also decreases the bounce back rate of your blog or website. . If you do not embed videos in your blogposts, then you are making a huge mistake. Video helps in understanding things easily. There are many things that you cannot understand by reading but are easily understood through video. In such a situation, you can understand how important it has become to embed YouTube videos in blogposts. Blogger has many old templates in which their preview is not responsive when you embed YouTube videos. Let us know how to make YouTube videos responsive in a blogger blog or website.

How to change Favicon in blogger [2020 - Updated Version]

How do I responsively embed a YouTube video in Blogger?

2. Put the link of Youtube video that you want to embed in your blog post and click on Embed

Go to www.embedresponsively.com

3.  Copy the code given below

blogger responsive video embed code

4. Now go to your blogger dashboard edit the particular blogpost in HTML mode and replace the previous youtube video code with the new one. Hurrah!! you are done.
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed/Your Video ID' frameborder='0' allowfullscreen></iframe></div>

0/Post a Comment/Comments