Делаем адаптивное видео на сайте средствами CSS

Для того, чтобы сделать видео (обычно это код, вставляемый на сайт) на сайте адаптивным, будем использовать стили CSS

HTML

<div class="video-responsive">
    <iframe src="ссылка на видео" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>  
</div>

CSS

.video-responsive { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow:hidden; 
} 

.video-responsive iframe, 
.video-responsive object, 
.video-responsive embed {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%;
  height: 100%; 
}