Как использовать на странице
<video autoplay muted loop playsinline poster="hero.jpg">
<source src="../hero.webm" type="video/webm">
<source src="../hero.mp4" type="video/mp4">
</video>Советы
- Делайте петли короткими — 10–20 секунд вполне достаточно.
- Без звуковой дорожки: видео без звука можно запускать автоматически, к тому же файл станет меньше.
- Webflow ограничивает фоновые видео 30 МБ — используйте пресет Webflow в разделе «Расширенные настройки».
- Тёмные наложения и замедленная съёмка скрывают артефакты сжатия лучше, чем детальный динамичный видеоряд.
Вопросы
Зачем два файла?
WebM (VP9) меньше по размеру и работает в Chrome, Edge и Firefox; Safari берёт запасной MP4.
Почему видео должно быть без звука?
Браузеры запускают автоматически только видео без звука, а без звуковой дорожки файл ещё и меньше.
Обновлено: 30/10/2026