МЕДИА / ФОНЫ / TILDA
Фоновое видео в Zero Block
Воспроизводит фоновое видео по кругу и управляет звуком собственной кнопкой.
Живой пример
Что делает модификация
Воспроизводит фоновое видео по кругу и управляет звуком собственной кнопкой.
Стандартные блоки TildaСледуйте требованиям в инструкции.
Готовый кодГотовый фрагмент для опубликованной страницы.
Настройки в аккаунтеВыберите параметры и скопируйте результат.
Требования
Автозапуск со звуком браузеры запрещают. Видео начинает воспроизведение muted; звук включается только нажатием.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| Прямая HTTPS-ссылка на MP4 | Выберите значение в интерфейсе личного кабинета. |
| Класс кнопки звука | Выберите значение в интерфейсе личного кабинета. |
Пошаговая установка
- Подготовьте видеоЗагрузите MP4 в LF Drive и получите прямую HTTPS-ссылку.
- Разместите видеослойПервую часть с video вставьте в HTML-элемент Zero Block. Размеры подстраиваются под окно браузера; остальные элементы расположите выше видео по слоям.
- Создайте кнопку звукаДобавьте элемент с классом toggleSound. Он включает и выключает звук; начальное воспроизведение без звука.
- Добавьте обработчикВторую часть вставьте в T123 после блока. Проверьте звук по нажатию, повторение ролика и мобильный playsinline.
Важно
Автозапуск со звуком браузеры запрещают. Видео начинает воспроизведение muted; звук включается только нажатием.
Частые вопросы
Где менять параметры?
После покупки откройте модификацию в личном кабинете, выберите параметры и получите готовый код.
Нужно ли редактировать код вручную?
Параметры задаются в кабинете. Для составных модификаций вставьте подписанные части в места, указанные в инструкции.
Что показывает живой пример?
Пример показывает механику на демонстрационных элементах. На вашем сайте используются подготовленные блоки Tilda.