Растягиваем iframe с видео на всю ширину контента

Иногда на сайте ставится такая задача, чтобы блок с видео-контентом, например с Ютюба, растягивался сам на всю страницу не зависимо от параметров указанных в iframe.

Мы предлагаем наше решение этой задачи основанное на CSS — простое и рабочее решение. Заметим, что видео увеличивается пропорционально.

.video-responsive {
   position:relative;
   padding-bottom:56.25%;
   padding-top:30px;
   height:0;
   overflow:hidden;
   margin-bottom: 30px;
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}