Фоновое видео

Фоновое видео

В этом уроке я расскажу, как добавить свое фоновое видео на платформе Tilda. Разберем несколько вариантов и выберем подходящее под задачу.

Описание
Видеоинструкция по подключению
Инструкция с копированием шаблона к себе
ID шаблона:
25613556
Создаём новую страницу на сайте
Шаг 1
Скроллим в самый низ и нажимаем кнопку «Указать ID шаблона»
Шаг 2
В графе указываем номер шаблона (он указан в начале инструкции), нажимаем кнопку «Выбрать»
Шаг 3
Пошаговая инструкция с подключением кода
Скрипт для 1 и 2 вариантов
Добавить скрипт в блок T123 и заменить id блоков на свои
Шаг 1
<!--Заменить id блока с видео и zero-блока-->
<script>
$('#rec413498218').appendTo('#rec413498217 .t396__carrier');
</script>
Скрипт для 3 варианта
Поместить в zero блок в html и заменить путь до видео
Шаг 2
<video style="object-fit: cover; background-size: cover; width: 100%; height: 100%" video preload="auto" muted playsinline autoplay="autoplay" loop="loop">
<source src="https://dl.dropboxusercontent.com/s/mkrofbnt2kbinxh/pexels-kindel-media-9699390.mp4?dl=0" type="video/mp4">
</video>
Более подробные настройки, возможности взаимодействия и подключение в видео
Другие модификации
Эффект следа из изображений
Tilda
Анимация градиента на тексте
Tilda