Использование видео для фона на мобильном сайте
2 мин. чтения
Сделайте свой мобильный сайт более живым и динамичным с помощью видеофона. Добавьте видеофон на страницы и включите видеофон для различных элементов, таких как полоски, колонки, всплывающие окна и многое другое.
Совет:
Вы можете сделать фон мобильного сайта не таким, как фон полной его версии. Изменение, внесенные в одну из версий, не влияют на другую.
Содержание:
Добавление видеофона на страницу
Установите видео как фон страницы мобильного сайта. Вы можете бесплатно использовать профессиональные видео, созданные Wix, купить видео на Shutterstock или загрузить собственное видео.
Чтобы добавить видео в качестве фона на страницу мобильного сайта:
- Нажмите на соответствующую страницу в мобильном редакторе.
- Выберите вкладку Фон слева в мобильном редакторе.
- Выберите вкладку Видео.
- Выберите видео в Медиа менеджере.
- Нажмите Изменить фон.
- (Необязательно) Нажмите Применить к другим страницам внизу, чтобы добавить этот фон на другие страницы вашего мобильного сайта.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/12345678-1234-1234-1234-1234567890ab/2020/09/09/0328e615-ee75-4294-b22c-655690cf5354/6619dba4-220c-4445-9d30-ef85d4b607ed.gif)
Включение фонового изображения для элементов
По умолчанию видеофон на элементах не воспроизводится на мобильных устройствах. Однако, если вы добавите фоновое видео к следующим элементам в компьютерной версии, вы можете изменить настройки так, чтобы разрешить воспроизведение на мобильных устройствах:
- Полоски
- Секции
- Динамические боксы
- Промобоксы
- Слайд-шоу
Чтобы разрешить воспроизведение фоновых видео на мобильных устройствах:
- Перейдите в мобильный редактор.
- Нажмите на соответствующий элемент (один из списка выше).
- Нажмите на значок Фон
.
- Нажмите на переключатель Воспроизвести видео на мобильном устройстве:
- Включено: фоновое видео элемента воспроизводится автоматически на мобильных устройствах.
- Отключено: при отключении отображается первый кадр видео.
- (Необязательно) Добавьте интервал вверху или внизу фона. Перетащите ползунок, чтобы установить интервал в пикселях.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2020/11/24/965ad311-f020-47e7-b063-0493ee6ddcce/7060037e-1ddb-4a8f-9527-e8899fd7103c.png)
Обратите внимание:
Если Упрощенный режим включен в настройках Chrome на мобильном устройстве или если на вашем устройстве iOS включен режим энергосбережения, система / браузер запрещает автоматическое воспроизведение видео.