Статьи
February 17, 2023
Как добавить видео фон на сайт на Tilda
В конструкторе Тильда есть особенности - нет возможности загрузки файлов, использовать для видео можно ютуб - ролики, но короткие ролики Ютуб сейчас сам определяет на ролики shorts - А их то Tilda и не поддерживает.
Спасибо https://roman-kosov.ru/ - нашел решение.
Просто тут распишу полный цикл.
- видео нужно в формате mp4 (переконвертировать надо)
- файл видео должен быть доступен по прямой ссылке - можно использовать файлообменники, сервера, я просто разместил на хостинге в корне своего сайта. Вот так - https://sp-advert.ru/nnp-video1.mp4
- Добавляете 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>
В зеро блоке выглядит так (я делал только для мобильной версии, видео вертикальное):