Адаптивный видео-фон

По вопросам работы приложения можно обращаться на e-mail: ka@ipgpromo.ru

Раз вы читаете этот текст, значит вы уже нашли наше приложение=) Поэтому мы пропустим пункт о том, как найти приложение.
Далее его необходимо установить



После успешной установки приложения вы должны получить подобное сообщение


Далее вам нужно перейти в Битрикс24.Сайты и открыть для редактирования страницу на которой вы бы хотели разместить "Адаптивный видео-фон" и добавить наш блок в любом месте страницы



Уже сейчас вы можете попробовать опубликовать сайт и посмотреть результат. У вас уже должен был появиться видео-фон для тега BODY (основной фон сайта)
Давайте перейдем в настройки


Тут вы увидите настройки нашего приложения. Мы не будем останавливаться на каждой из них (они доволльно просты), а рассмотрим необходимый минимум.
Это "Ссылка на видео YouTube" и "Селектор блока для показа видео"


"Ссылка на видео YouTube" - сюда необходимо вставить ссылку скопированную с видео на сайте YouTube




"Селектор блока для показа видео" - по умолчанию указан тег BODY, но вы можете выбрать любой другой блок указан CLASS, ID или другие атрибуты блока однозначно определяющие этот блок. например для стандартного блока от Битрикс "Обложка с одной затемненной фоновой картинкой без кнопки" это ".landing-block.landing-block-node-img"
Так же рекомендуется установить картинку блока по умолчанию, которая будет отображаться до тех пор, пока не будет загружено видео.
Все, теперь можно публиковать страницу и наслаждаться результатом


Пример работы можно посмотреть на нашей демо странице https://videofon.ipgpromo.ru/