fix: Hero-Video-Loop per JS absichern
Docker Image bauen und veroeffentlichen / build-and-push (push) Successful in 2m26s

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 <[email protected]>
This commit is contained in:
Nick SzaunigandClaude Sonnet 5 committed 2026-09-12 02:19:34 +02:00
1 parent 8ddf781d9b
commit a366ffb544
1 file changed
+10
+10
View File
@@ -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(() => {});
}}
/>
</div>
) : (