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

Вставка адаптивного плейера 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

Новости

  • Новая сборка DIAFAN.CMS 7.2.5
  • Вчера, 09:47
  • В преддверии 2025 года была выпущена сборка 7.2.5, которая не приносит радикальных изменений в функциональности, но способствует повышению стабильности работы системы и расширению возможностей облачного сервиса для создания сайтов.
  • Вышла очередная сборка DIAFAN.CMS 7.2.2
  • 18 июня 2024 г.
  • В сборке большое обновление demo-шаблона, дополнительная защита от спама, улучшение YML-импорта и еще много важного и интересного.
  • Не пропустите сборку DIAFAN.CMS 7.1.4
  • 24 апреля 2024 г.
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
Все новости