Как сделать видео на главной адаптивным?

[mstu]

Доброго времени суток, у меня вопрос следующего характера, как сделать видео на главной, в мобильной версии адаптивным? Чтобы было по средине, сейчас выходит за пределы страницы. Open Cart 2.1 

Змінено 29 квітня 2017 користувачем mstu

[destreser]

https://coolestguidesontheplanet.com/videodrome/youtube/

[zlatoff]

Зачем сторонние библиотеки? Bootstrap уже содержит классы для адаптивного фрейма под видео. Два класса для видео 3:4 и 16:9. Поищите в документации.

[Eldaeron]

zlatoff, Да)

mstu, вот https://codepen.io/ncerminara/pen/zbKAD/

[mstu]

Спасибо за помощь. 

[Blade]

При вставке нажмите Код

И поставьте ширину на 100%

Высоту на авто

Или от ширины экрана max-widht

[Tom]

Используйте  сетку бутстрапа

 

http://pavblog2.tw1.ru/about_us

[mstu]

Tom, Как реализовать такую сетку как на демо?   

[Tom]

Как и написал выше,это обычная сетка bootstrap.

http://getbootstrap.com/css/#grid