Форум OlegON > > >

Как сделать, чтобы ролик Youtube встраивался, растягиваясь пропорционально

15.12.2019 8:26


24.10.2016 13:16
OlegON
 
Чтобы ролик Youtube при встраивании не вылезал за края экрана, но одновременно с этим растягивался, сохраняя пропорции, можно сделать следующее:
1. Вложить его в div с параметрами стиля
Код:
position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;
2. Назначить iframe ролика параметры стиля, указанные ниже
Код:
position:absolute;top:0;left:0;width:100%;height:100%;
вот как-то так, сделал на форуме, посмотрим, какие будут отзывы... 56.25% - это для роликов 16:9, для роликов 4:3 следует указать 75%

Форум на базе vBulletin®
Copyright © Jelsoft Enterprises Ltd.
В случае заимствования информации гипертекстовая индексируемая ссылка на Форум обязательна.