2 Videos starten mobil nicht automatisch – trotz aller Autoplay-Maßnahmen

[VISQUE]

Hallo zusammen,

ich habe zwei Fullscreen-Hero-Videos auf meiner Startseite , eingebunden per <video>-Tag mit autoplay, muted, playsinline, loop, preload="auto" und #t=0.001. Dazu ein JS-Fallback mit .play() und catch(). Auf Desktop funktioniert alles, mobil (Safari, Chrome, iOS, Android) startet kein Video automatisch.

Ich habe zusätzlich:

• Poster-Bild eingebunden

• JS-Trigger auf Touch/Klick versucht

• unterschiedliche Dateiformate (MP4, MOV) getestet

• Liquid-Section + Custom Code + Inline-CSS verwendet

Nichts funktioniert zuverlässig mobil. Gibt es:

1. Eine Shopify-konforme Lösung für 100 % Mobile-Autoplay?

Wäre dankbar für funktionierende Beispiele oder Hinweise. 🙏

[Nordalux]

Das liegt zumeist an den Browsern, die solche Restriktionen von HAus aus eingebunden haben. Videos blocken die im autoplay. Denkbar wäre eine Lösung, mit dem du via JS einen Click setzt, damit diese abgespielt werden. Ist zwar keine saubere Lösung, nur ein kleiner Weg. Hintergrund ist der, dass das Übertragungsvolumen so gering wie möglich gehalten werden soll.

[VISQUE]

hat leider nicht funktioniert