L’intégrer à votre page
<video autoplay muted loop playsinline poster="hero.jpg">
<source src="../hero.webm" type="video/webm">
<source src="../hero.mp4" type="video/mp4">
</video>Astuces
- Gardez des boucles courtes — 10 à 20 secondes suffisent largement.
- Pas de piste audio : les vidéos muettes ont le droit de se lancer seules, et vous économisez des octets.
- Webflow limite les vidéos d’arrière-plan à 30 Mo — utilisez le préréglage Webflow dans les réglages avancés.
- Les voiles sombres et les ralentis masquent mieux les artefacts de compression que des images détaillées et rapides.
Questions fréquentes
Pourquoi deux fichiers ?
Le WebM (VP9) est plus léger et fonctionne dans Chrome, Edge et Firefox ; Safari utilise le MP4 de secours.
Pourquoi la vidéo doit-elle être muette ?
Les navigateurs ne lancent automatiquement que les vidéos sans son, et retirer la piste audio allège aussi le fichier.
Dernière mise à jour : 30/10/2026