fix: Hero-Video-Loop per JS absichern
Docker Image bauen und veroeffentlichen / build-and-push (push) Successful in 2m26s
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:
1 parent
8ddf781d9b
commit
a366ffb544
1 file changed
+10
@@ -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>
|
||||
) : (
|
||||
|
||||
Reference in new issue
Block a user