Tools

Все эффекты и анимацию можно повторить в своих проектах.
Переходи по ссылке и посмотри, как это сделано TOOLS

как это работает?

ЕСЛИ ВИДЕО ЗАГРУЖАЕТСЯ В ФОРМАТЕ MOV можно воспользоваться онлайн конвектором
online-audio-convert.com

<video style="object-fit: cover; background-size: cover; width: 100%; height: 100%" preload="auto" playsinline autoplay loop muted><source src="

ЗАГРУЗКА ФОНОВОГО ВИДЕО
Прямая ссылка на видео с помощью сервиса Dropbox¹
1. Зарегистрироваться на сайте https://dropbox.com
2. Загрузить видео *.mp4
3. Нажать «Поделиться» или "Share" - откроется попап
4. В самом низу попапа нажать «Создать ссылку» или "Create link"
5. Появится «Копировать ссылку» или "Copy link" - нажать
Готово!

Будет получена вот такая ссылка:
dl=0https://www.dropbox.com/scl/fi/
space_5746855.mp4?rlkey=q8zvothp&dl=0
1. Меняем: www.dropbox.com на dl.dropboxusercontent.com
2. Получаем: https://dl.dropboxusercontent.com/scl/fi/
space_5746855.mp4?rlkey=fcp06uym&dl=0

КОД:

Еще варианты для добавления фонового видео есть в MATILDA

А код я взяла вот тут: roman-kosov.ru

Плавная смена заливки фона

Создайте три любых блока одного цвета.
После первого блока нажмите на кнопку «+», найдите пункт «Разделитель» и выберите блок «DV11A. Переключение цвета фона».

ГОТОВО

Cтандартная функция Тильды.
Это переход будет работать между тремя блоками. Поэтому:

Нажмите на кнопку «Настройки» и выберите желаемый цвет фона.

Нажмите на кнопку «Настройки» и выберите желаемый цвет фона.
Добавьте еще один блок «DV11A» после третьего блока.