Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

Адаптивное видео Youtube в товаре и категории на Journal


sergikus90
 Поделиться

Рекомендованные сообщения

Здравствуйте. Подскажите, пожалуйста, нужно сделать адаптивные видео добавленные на сайте. Нашел такое решение:
 

<div class="thumb-wrap">
  <iframe width="560" height="315" src="https://www.youtube.com/embed/Y421bWMelqE" frameborder="0" allowfullscreen></iframe>
</div>

.thumb-wrap {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

 

Подскажите такой вариант работает? Если да то подскажите где найти путь в файлах темы чтобы добавить нужный стиль.

Ссылка на комментарий
Поделиться на других сайтах


если bootstrap подключен, то вот так можно

 

<div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/Y421bWMelqE"></iframe> </div>

 

Ссылка на комментарий
Поделиться на других сайтах


в .css добавьте

Ссылка на комментарий
Поделиться на других сайтах


в стандартном шаблоне catalog\view\theme\default\stylesheet\stylesheet.css

в вашем не знаю, ссылку пришлёте на сайт, скажу

Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.