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

Вставка адаптивного плейера 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
  • 09 марта, воскресенье
  • Добрый день
    Подскажите пожалуйста отображение видео (ютуб) на сайте работает? Сейчас стала загружать у меня не проигрывает как раньше на самом сайте не видно видео (ни ошибки, ничего, просто статический черный плеер не работающий).

    Это у всех такая проблема с ютубом?
    • 09 марта, воскресенье
    • С ютубом в России вообще проблема.
      Через инкогнито браузера посмотрите, работает или нет.
      И не видя страницы сайта, помочь проблематично.
      • 10 марта, понедельник
        • 10 марта, понедельник
        • м.м..
          У вас какой-то странный код.
          Ютуб дает код для вставки:
          Код
          <iframe width="475" height="844" src="https://www.youtube.com/embed/3bWfFfxzTHw" title="Кастрюля Ringel Meyer" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

          Попробуйте его.
          • 10 марта, понедельник
          • Загружала через кнопку insert|edit video.

            Ваш вариант работает, спасибо.
    • 09 марта, воскресенье
    • Если vpn включен, то всё везде отображается, и сам Ютуб работает, и все его вставки видео на сайтах. Если vpn-а нет, то черные окошки 🤷‍♂️
      • 10 марта, понедельник
      • vpn включен. У меня HMA VPN. За пределами РФ нахожусь. Были проблемы с яндекс-скриптами разными (если это важно).
        Давно заметила. Руки не доходили, сейчас контента с видео дали. А видео не показывает. Хотелось бы всё таки сделать. Помогите пожалуйста разобраться.

Новости

  • 25 марта, вторник
  • Мы обновили систему тарифов, учитывая опыт работы с клиентами и современные рыночные условия. Новая тарифная сетка разработана специально для того, чтобы лучше отвечать вашим потребностям. Резкого повышения цен не произошло. Более того, некоторые тарифы даже стали выгоднее и доступнее. 
  • 17 января
  • В преддверии 2025 года была выпущена сборка 7.2.5, которая не приносит радикальных изменений в функциональности, но способствует повышению стабильности работы системы и расширению возможностей облачного сервиса для создания сайтов.
  • 18 июня 2024 г.
  • В сборке большое обновление demo-шаблона, дополнительная защита от спама, улучшение YML-импорта и еще много важного и интересного.

Форум