From a366ffb5447f708fd19450f5d2c2a49150a6448a Mon Sep 17 00:00:00 2001 From: Nick Szaunig Date: Sat, 12 Sep 2026 02:19:34 +0200 Subject: [PATCH] fix: Hero-Video-Loop per JS absichern loop-Attribut war bereits gesetzt, aber manche Browser (u.a. aeltere iOS-Safari-Versionen) starten ein Video nach "ended" nicht zuverlaessig neu, wenn autoplay/muted/playsinline kombiniert sind. onEnded erzwingt jetzt zusaetzlich den Neustart, damit die Dauerschleife garantiert nie sichtbar stehen bleibt. Co-Authored-By: Claude Sonnet 5 --- src/components/hero.tsx | 10 ++++++++++ 1 file changed, 10 insertions(+) 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(() => {}); + }} /> ) : (