Responsive Youtube video - like bootstrap responsive embed

by ian_smithz

HTML

<div class='embed-container'><iframe src='http://www.youtube.com/embed/sYBNFWpLQ54' frameborder='0' allowfullscreen></iframe></div>

CSS

.embed-container {
   position: relative; 
   padding-bottom: 56.25%; 
   overflow: hidden;
   max-width: 100%; 
   height: auto; 
   } 
   
.embed-container iframe, .embed-container object, .embed-container embed { 
  position: absolute;
  border: none;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%; 
}