How to Make YouTube Video Responsive in Webpage using CSS | Responsive Video Embed

If you take a look at video embed code from YouTube, you will observe it's iframe that has got an inline style for width and height of video. Inline styling is not responsive. This video will have specific static width and height that will not respond according to different devices.

To make this code responsive you will have to remove width and height from embed code and apply some styling to it. I will show you how can we make YouTube video responsive in webpage. This video will auto adjust its height and width proportionally as you decrease or increase screen size. We will use Twitter Bootstrap to make video responsive and then I will show you how can you make video responsive without Twitter Bootstrap.

More CSS Tutorials:

#webstylepress #responsive #css #tutorial #webdevelopment
Give this video a LIKE
SUBSCRIBE to Channel if you haven't already
Hit BELL icon to receive updates
Share your thoughts in comments
Thanks for watching!

[SssshhhhTv]

I loved this video. Tyvm for this amazing tip to making the videos responsive. Exactly what I was looking for!

[scottgoold]

Thank you for the tips! Much appreciated. Mahalo 🌈