diff --git a/src/components/hero.tsx b/src/components/hero.tsx index 989d0ee..5c0d6ea 100644 --- a/src/components/hero.tsx +++ b/src/components/hero.tsx @@ -60,6 +60,16 @@ export function Hero({ muted loop playsInline + // JS-Fallback zusaetzlich zum loop-Attribut: manche Browser + // (u.a. aeltere iOS-Safari-Versionen) starten ein Video nach + // "ended" nicht zuverlaessig neu, wenn autoplay/muted/playsinline + // kombiniert sind. Erzwingt den Neustart explizit, damit die + // Dauerschleife garantiert nie sichtbar stehen bleibt. + onEnded={(event) => { + const el = event.currentTarget; + el.currentTime = 0; + void el.play().catch(() => {}); + }} /> ) : (