Как сделать "резиновое" видео на сайте?

Для начала, давайте определимся с терминами. "Резиновое" видео, или другими словами адаптивное видео, это видео, которое подстраивается под ширину родительского элемента, в котором оно непосредственно находится.

Для того, чтобы сделать резиновое видео вставьте вашу ссылку на видеоролик внутрь данного кода:

<div class="video"> [здесь ваше видео] </div>

 

Если вы используете поле видео для вставки ссылок на видео, то в таком случае вам ничего кроме вставки видео делать не нужно.

 

P.S. Для верстальщиков и других разработчиков. За этим классом стоит следующий css код:

.video, .field-type-video-itk .field-item {

   position: relative;

   padding-bottom: 56.25%;

   height: 0; 

   overflow: hidden;

}

.video iframe, .video object, .video embed, .video video {

   position: absolute;

   top: 0;

   left: 0;

   width: 100%;

   height: 100%;

}

16.09.16 11:10

Ваш комментарий