Вход • Регистрация

Вставка адаптивного плейера Youtube

  • 05 ноября 2020 г.
  • Коллеги, добрый день!
    Встал вопрос растягивания плейера youtube на сайте. Нужно чтобы плейер отображался на ширину блока, подстраиваясь под ширину экрана.
    Решение нашел следующее:
    - Завернул iframe в div style="video-block-opt",
    - добавил стили
    .video-block-opt {text-align: center; margin-bottom: 25px;}
    @media (max-width: 640px) {.video-block-opt {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
    .video-block-opt iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    }

    Теперь плейер нормально сжимается на этой странице https://premium-medmarket.com.ua/sistemy-implantatov-ankylos/
    Однако подобный финт не работает на этой странице https://premium-medmarket.com.ua/clauses/
    полагаю из-за того что к последней прикреплен модуль статей.
    Как поступить?
    • 05 ноября 2020 г.
    • Сам спросил, сам нашел свою ошибку - перепутал, на странице вместо div style нужно было писать div class

Новости

  • 18 июня
  • В сборке большое обновление demo-шаблона, дополнительная защита от спама, улучшение YML-импорта и еще много важного и интересного.
  • 24 апреля
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 

Форум