So bindest du es in deine Seite ein
<video autoplay muted loop playsinline poster="hero.jpg">
<source src="../hero.webm" type="video/webm">
<source src="../hero.mp4" type="video/mp4">
</video>Tipps
- Halte Schleifen kurz — 10–20 Sekunden reichen völlig.
- Keine Tonspur: Stummgeschaltete Videos dürfen automatisch starten, und du sparst Bytes.
- Webflow begrenzt Hintergrundvideos auf 30 MB — nutze die Voreinstellung Webflow unter „Erweitert“.
- Dunkle Überlagerungen und Zeitlupe verbergen Kompressionsartefakte besser als detailreiches, schnelles Material.
Fragen
Warum zwei Dateien?
WebM (VP9) ist kleiner und funktioniert in Chrome, Edge und Firefox; Safari nutzt den MP4-Ersatz.
Warum muss das Video stummgeschaltet sein?
Browser starten nur Videos ohne Ton automatisch, und ohne Tonspur wird die Datei außerdem kleiner.
Zuletzt aktualisiert: 30/10/2026