Search This Site

Make your YouTube Video Responsive on Blogger (with Pictures)

In this generation where most of the people are now using high-end mobile devices and using it on their daily routine, as a blogger, the name of the game in terms of template designs and layouts is "Responsive", which means that your layout is working on any device,  it allows the visitor of your blog to view it smoothly in smart phones and tablets.

In my other blog  I'm adding Music Videos from YouTube. Embedding codes is not a problem, however, the appearance of the video when it viewed on Smart phones is a big deal for me,  I have to fixed and adjust the width and height of the video, which is for me a big hassle.

So here's the solution to have your Video become responsive.

First, Log-in to your Blogger account.

2. Go to Template > Edit HTML and search for this code </style>

3. Add this code:
.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
See example:
Then Click Save Template

4. add this code to every embed codes  <div class="video-wrapper"> YouTube embed code </div>

see example below





Important Note: 

Always backup you Template! 

Thanks for reading!

I've learned it from: AVEX
SHARE
    Blogger Comment
    Facebook Comment

31 comments:

  1. I am interested in your article, I also have the same article about the video that you can visit at Here

    ReplyDelete
  2. There are a large number of potential clients to be found on YouTube, and the website is positioned the third most mainstream on the web. Try not to give your business a chance to pass up a great opportunity. In the event that you haven't as of now, get included and interface with us on our Easily YouTube channel via looking for easilycouk.tubemate download for android 4.2.2 free

    ReplyDelete
  3. Fundamentally video transformation from sites has a similar ways and strategy. You should have the document to change over or the Link to the record you will change over. You can't change over any extraordinary document unless it's being upheld by the site you are getting to on.youtube downloader free download,

    ReplyDelete
  4. Believe this free youtube downloader for windows to take away all the YouTube recordings download issues that you have experienced previously. Visit our site today and locate this stunning free downloader. Life will never be the same again!youtube downloader android

    ReplyDelete
  5. You will have the capacity to obtain their facts on those websites. If the site is a legitimate one, the client will certainly tell you about it.
    where to get youtube subs

    ReplyDelete
  6. People love to see visual content and you are offering good value by creating a video.Buy YouTube subscribers

    ReplyDelete
  7. This comment has been removed by the author.

    ReplyDelete
  8. I read that Post and got it fine and informative. life hacks

    ReplyDelete
  9. pleasant bLog! its fascinating. much obliged to you for sharing. converter youtube

    ReplyDelete
  10. What about the quality of YouTube video. The picture and sound quality is down to the creator of the video, but the general playback quality of the video on YouTube is very good.buy youtube views

    ReplyDelete
  11. We've figured out how to help the heap time of YouTube slips which is so straightforward even a tenderfoot can do it. youtube downloader app

    ReplyDelete
  12. Cool website buddy I am gona suggest this to all my list of contacts.video service

    ReplyDelete
  13. Wonderful article. Fascinating to read. I love to read such an excellent article. Thanks! It has made my task more and extra easy. Keep rocking. top article

    ReplyDelete
  14. I recently came across your blog and have been reading along. I thought I would leave my first comment. I don't know what to say except that I have enjoyed reading. Nice blog. I will keep visiting this blog very often. Buy Youtube Views

    ReplyDelete
  15. Along these lines, I made a rundown of 4-5 video games that somehow were the novices of the video gaming industry. https://unblockedgames76.weebly.com/

    ReplyDelete
  16. Great survey, I'm sure you're getting a great response. toon blast cheats

    ReplyDelete
  17. Video online is rapidly growing and seems to be getting bigger and bigger. It is time you were creating your own YouTube marketing strategy in order to promote your business or products. Think about how you can best use video in your business.youtube movie downloader

    ReplyDelete
  18. They can go from a contemplative person to a social enthusiast! It can happen quick or gradually. Unblocked Games

    ReplyDelete
  19. Better bounce on those turtles and logs and get to the opposite side - hold tight that is a crocodile! Unblocked Games

    ReplyDelete
  20. When I use YouTube for business I like to add videos to my blog. If you have done any blogging then you may have heard of video blogging. This is also known as a VLog.
    buy youtube likes

    ReplyDelete
  21. Whether you are planning to put your home on the market or make it more comfortable to live in, there is a lot to be gained from making home improvements.Home Improvement

    ReplyDelete
  22. It gives you a chance to encounter free psn code generator the surge of flying battle over the absolute most notable combat zones ever. pc munkey

    ReplyDelete
  23. In just one location, employees have access to the first games and game systems hot off the market and they're privy to peek within magazines hot off the press sooner than anybody else. http://unblockedgamesdadu.weebly.com/

    ReplyDelete
  24. Online poker also provides games such as Texas Holdem Poker, Seven Card Stud Poker pokerku19.net

    ReplyDelete
  25. In any case, whenever done incapably it tends to be the complete of the amusement and the gaming studio! his response

    ReplyDelete
  26. Your blog provided us following intense recommendation to do some thing taking into consideration than. each & all suggestions of your bring in are extraordinary. thank you lots for sharing. keep running a blog.. Latest Clash of Lights S3

    ReplyDelete
  27. To be sure, this may push gaming stages from fringe to the focal point of the home-diversion framework and supplant the set-top box with broadband and link/satellite capacity, supplemented by completely advanced or optical sound and video information sources and yields and PVR stockpiling. fast overwatch boosting buy

    ReplyDelete