Responsive Video Using CSS

Responsive Video Using CSS

Responsive Video Using CSS, yes that’s right. No javascript or jQuery is needed to make videos responsive on your website. This quick tip applies to both iframe based embedded videos e.g. YouTube or Vimeo as well as self-hosted videos. HTML code for embedded YouTube video: <div class="responsive-video"><iframe src="https://www.youtube.com/embed/YOUR-VIDEO-ID" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>   <div class="responsive-video […]