Помощь Как сделать адаптивным видео в карточке товара

[Starkon]

Подскажите как сделать адаптивным видео в карточке товара
Вставляю видео с ютуб на компе нормально отображается а на мобильном вылазит за рамки сайта.
Как с этим бороться ?

 

[inturned]

Подскажите как сделать адаптивным видео в карточке товара
Вставляю видео с ютуб на компе нормально отображается а на мобильном вылазит за рамки сайта.
Как с этим бороться ?

К примеру так:

<div class="video-responsive">
    <iframe width="auto" height="auto" src="__Ссылка на видео__" frameborder="0" 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%;
}

 

[Starkon]

А в какой css файл нужно запихнуть код ?
Меняю этот css видео не становиться адаптивным оно становится очень маленьким www/catalog/view/theme/coloring/stylesheet/stylesheet.css

 

[inturned]

Вообще правильный путь к файлу css, ссылку на сайт можно?

 

[Starkon]

Вообще правильный путь к файлу css, ссылку на сайт можно?

Отправил в ЛС

 

[Starkon]

Все разобрался нужно было почистить кэш на хостинге и в браузере. Спаибо за помощь.

 

[inturned]

обращайся