Делаем адаптивное видео на сайте средствами 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%;
}
Следующая запись
Как прижать футер к низу страницы на CSS (рабочие примеры)