Использование видео для фона на мобильном сайте
2 мин. чтения
Сделайте свой мобильный сайт более живым и динамичным с помощью видеофона. Добавьте видеофон на страницы и включите видеофон для различных элементов, таких как полоски, колонки, всплывающие окна и многое другое.
Совет:
Вы можете сделать фон мобильного сайта не таким, как фон полной его версии. Изменение, внесенные в одну из версий, не влияют на другую.
Содержание:
Добавление видеофона на страницу
Установите видео как фон страницы мобильного сайта. Вы можете бесплатно использовать профессиональные видео, созданные Wix, купить видео на Shutterstock или загрузить собственное видео.
Чтобы добавить видео в качестве фона на страницу мобильного сайта:
- Нажмите на соответствующую страницу в мобильном редакторе.
- Выберите вкладку Фон слева в мобильном редакторе.
- Выберите вкладку Видео.
- Выберите видео в Медиа менеджере.
- Нажмите Изменить фон.
- (Необязательно) Нажмите Применить к другим страницам внизу, чтобы добавить этот фон на другие страницы вашего мобильного сайта.

Включение фонового изображения для элементов
По умолчанию видеофон на элементах не воспроизводится на мобильных устройствах. Однако, если вы добавите фоновое видео к следующим элементам в компьютерной версии, вы можете изменить настройки так, чтобы разрешить воспроизведение на мобильных устройствах:
- Полоски
- Секции
- Динамические боксы
- Промобоксы
- Слайд-шоу
Чтобы разрешить воспроизведение фоновых видео на мобильных устройствах:
- Перейдите в мобильный редактор.
- Нажмите на соответствующий элемент (один из списка выше).
- Нажмите на значок Фон
.
- Нажмите на переключатель Воспроизвести видео на мобильном устройстве:
- Включено: фоновое видео элемента воспроизводится автоматически на мобильных устройствах.
- Отключено: при отключении отображается первый кадр видео.
- (Необязательно) Добавьте интервал вверху или внизу фона. Перетащите ползунок, чтобы установить интервал в пикселях.

Обратите внимание:
Если Упрощенный режим включен в настройках Chrome на мобильном устройстве или если на вашем устройстве iOS включен режим энергосбережения, система / браузер запрещает автоматическое воспроизведение видео.