Статьи
February 17, 2023

Как добавить видео фон на сайт на Tilda

В конструкторе Тильда есть особенности - нет возможности загрузки файлов, использовать для видео можно ютуб - ролики, но короткие ролики Ютуб сейчас сам определяет на ролики shorts - А их то Tilda и не поддерживает.

Спасибо https://roman-kosov.ru/ - нашел решение.

Просто тут распишу полный цикл.

  1. видео нужно в формате mp4 (переконвертировать надо)
  2. файл видео должен быть доступен по прямой ссылке - можно использовать файлообменники, сервера, я просто разместил на хостинге в корне своего сайта. Вот так - https://sp-advert.ru/nnp-video1.mp4
  3. Добавляете Zero block - и в нем размещается HTML блок

только ссылку на файл заменить

<video style="object-fit: cover; background-size: cover; width: 100%; height: 100%" preload="auto" playsinline autoplay loop muted>
<source src="https://sp-advert.ru/nnp-video1.mp4?dl=0" type="video/mp4">
</video>

В зеро блоке выглядит так (я делал только для мобильной версии, видео вертикальное):