Адаптивный видео фон для любого блока Bitrix24.Сайты. Не зависит от того, какое решение вы используете или какие блоки устанавливаете. С помощью данного приложения вы сможете встроить видео-фон для абсолютно любого блока (это может быть как body, так и любой div) на вашем Bitrix24.Сайты.
Пример работы приложения:
https://videofon.ipgpromo.ru/
Версия 1
Адаптивный видео-фон для любого блока Bitrix24.Сайты. Не зависит от того, какое решение вы используете или какие блоки устанавливаете. С помощью данного приложения вы сможете встроить видео фон для абсолютно любого блока (это может быть как body, так и любой div) на вашем Bitrix24.Сайты.
По вопросам работы приложения можно обращаться на e-mail:
ka@ipgpromo.ru
Раз вы читаете этот текст, значит вы уже нашли наше приложение=) Поэтому мы пропустим пункт о том, как найти приложение.
Далее его необходимо установить
![](https://dev.ipgpromo.ru/images/screenshot-ipg24.bitrix24.ru-2018.06.13-08-49-14.png?1719993191522)
![](https://dev.ipgpromo.ru/images/screenshot-ipg24.bitrix24.ru-2018.06.13-08-50-13.png?1719993191522)
После успешной установки приложения вы должны получить подобное сообщение
![](https://dev.ipgpromo.ru/images/screenshot-ipg24.bitrix24.ru-2018.06.13-08-50-39.png?1719993191522)
Далее вам нужно перейти в Битрикс24.Сайты и открыть для редактирования страницу на которой вы бы хотели разместить "Адаптивный видео-фон" и добавить наш блок в любом месте страницы
![](https://dev.ipgpromo.ru/images/screenshot-ipg24.bitrix24.ru-2018.06.13-08-56-09.png?1719993191522)
![](https://dev.ipgpromo.ru/images/screenshot-ipg24.bitrix24.ru-2018.06.13-08-57-09.png?1719993191522)
Уже сейчас вы можете попробовать опубликовать сайт и посмотреть результат. У вас уже должен был появиться видео-фон для тега BODY (основной фон сайта)
Давайте перейдем в настройки
![](https://dev.ipgpromo.ru/images/screenshot-ipg24.bitrix24.ru-2018.06.13-08-57-53.png?1719993191522)
Тут вы увидите настройки нашего приложения. Мы не будем останавливаться на каждой из них (они доволльно просты), а рассмотрим необходимый минимум.
Это "Ссылка на видео YouTube" и "Селектор блока для показа видео"
![](https://dev.ipgpromo.ru/images/screenshot-ipg24.bitrix24.ru-2018.06.13-08-59-10.png?1719993191522)
"Ссылка на видео YouTube" - сюда необходимо вставить ссылку скопированную с видео на сайте YouTube
![](https://dev.ipgpromo.ru/images/screenshot-www.youtube.com-2018.06.13-09-16-49.png?1719993191522)
![](https://dev.ipgpromo.ru/images/screenshot-www.youtube.com-2018.06.13-09-19-06.png?1719993191522)
![](https://dev.ipgpromo.ru/images/screenshot-ipg24.bitrix24.ru-2018.06.13-09-19-59.png?1719993191522)
"Селектор блока для показа видео" - по умолчанию указан тег BODY, но вы можете выбрать любой другой блок указан CLASS, ID или другие атрибуты блока однозначно определяющие этот блок. например для стандартного блока от Битрикс "Обложка с одной затемненной фоновой картинкой без кнопки" это ".landing-block.landing-block-node-img"
Так же рекомендуется установить картинку блока по умолчанию, которая будет отображаться до тех пор, пока не будет загружено видео.
Все, теперь можно публиковать страницу и наслаждаться результатом
![](https://dev.ipgpromo.ru/images/screenshot-ipg24.bitrix24.ru-2018.06.13-09-11-14.png?1719993191522)
Пример работы можно посмотреть на нашей демо странице
https://videofon.ipgpromo.ru/