Setup
Info
Info
Включено в подписку
Скопировано!
Поделиться
Настройки
[
Написать в поддержку
Telegram: @sonneto_support
Кастомизация
]
URL скопирован в буфер обмена!
Теги
Модификация
#
CSS
#
Видео
#
Настройки модификации
- Открываем Zero Block и заходим в режим редактирования.
- Размещаем в нём HTML блоки вставляем в него сгенерированный код.
Модификатор для кнопок, который добавляет возможность добавить видео на фон.
Видео с автоматическим воспроизведением
Генератор кода
не доступно
id:
Базовые настройки
- Размер видео → width: 700px; height: 400px; (можно менять под дизайн, или ставить width:100%; height:100%; для адаптивного фона)
- Обтекание / кадрирование → object-fit: cover; (чтобы видео полностью заполняло блок без искажений)
- Скругление углов → border-radius: 10px; (можно менять под стиль блока)
- Позиционирование → position: relative; для блока, чтобы можно было добавлять поверх контент
- Автоплей / без звука → autoplay muted loop playsinline (типично для фонового видео)
- Preload видео → preload="auto" для более быстрой загрузки
Технические советы
- Видео должно быть оптимизировано по размеру, чтобы не тормозить страницу (желательно mp4 с разрешением ≤1080p для web)
- object-fit: cover может обрезать края видео — учитывай важные элементы в центре кадра
- Для адаптивного блока лучше использовать width:100%; height:100%; вместо фиксированных px, тогда фон подстраивается под размер родителя
- Если добавляется текст или кнопки поверх видео, ставь их с position: absolute; внутри блока с position: relative;
- Для плавной подгрузки можно добавить темный overlay через ::after или отдельный div с прозрачностью, чтобы текст был читаемым на светлом или ярком видео
Подключение скриптов
Для корректной работы модификации необходимо, чтобы на странице была подключена библиотека jQuery, так как скрипт использует $(document).ready() и .each().
Информация о кастомизации кода доступна только в веб-версии сайта.
Сделать это можно в разделе: Настройки сайта - Ещё - Подключить jQuery на страницах сайта.
В Zero Block скрипты рекомендуется вставлять только после полной загрузки контента страницы, чтобы все элементы блока были доступны для обработки.
Текст скопирован в буфер обмена!
Текст скопирован в буфер обмена!