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
|
muted
|
||||||
loop
|
loop
|
||||||
playsInline
|
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>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
Reference in new issue
Block a user