• Страница:
  • 1

ТЕМА: Адаптивное видео на сайте

Адаптивное видео на сайте 03 июль 2021 20:31 #0

  • Вячеслав Колбасин
  • Не в сети
  • Новый участник
  • Новый участник
  • Сообщений: 10
  • Спасибо получено: 4
Можно в Афише и каталогах реализовать адаптивность видео? В следующем обновлении!

Задаем в обычной версии сайта ширину и высоту блока под видео с ютуб,
а после заключаем в адаптив:

.video-youtube {
position: relative;
padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
height: 0;
overflow: hidden;
}
.video-youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-width: 0;
outline-width: 0;
}
Спасибо сказали: Александр Новиков

У Вас нет прав доступа к этому разделу форума

Скорее всего Вы не оплатили или не продлили подписку

У Вас появится доступ к этому разделу форума только при активной подписке на любой тарифный план
  • Страница:
  • 1

Последнее на форуме поддержки

PRO-PORTAL.info - Готовые скрипты порталов на Joomla © 2017 - 2021 г. Все права защищены.

Наш городской портал на CMS Joomla принадлежит исключительно и только PRO-PORTAL.info. Любое его распространение, копирование, тиражирование, перепродажа, без согласования с разработчиком, категорически ЗАПРЕЩЕНЫ!

Информация, представленная на сайте, не является публичной офертой