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

Уроки по Тильде

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

Описание

Посмотреть пример

Материал к уроку

Добавить скрипт в блок T123 и заменить id блоков на свои

Скрипт для 1 и 2 вариантов


<!--Заменить id блока с видео и zero-блока-->
<script>
  $('#rec413498218').appendTo('#rec413498217 .t396__carrier');
</script>

Поместить в zero блок в html и заменить путь до видео

Скрипт для 3 варианта


<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>

Другие уроки

Анимация текста

Уроки по Тильде

Кастомный прелоадер

Уроки по Тильде

Анимация при загрузке

Уроки по Тильде