Ein Nutzer hat Probleme mit zwei Fullscreen-Hero-Videos auf der Startseite, die auf mobilen Geräten (Safari, Chrome, iOS, Android) nicht automatisch starten, obwohl auf Desktop alles funktioniert.
Bereits getestete Maßnahmen:
autoplay, muted, playsinline, loop, preload="auto", #t=0.001.play() und catch()Antwort aus der Community:
Die meisten Browser blockieren Autoplay von Videos standardmäßig, um Datenvolumen zu sparen. Ein Workaround wäre, per JavaScript einen programmatischen Klick zu simulieren – allerdings keine saubere Lösung.
Status: Der vorgeschlagene JS-Klick-Workaround hat nicht funktioniert. Die Diskussion bleibt offen, eine zuverlässige Shopify-konforme Lösung für 100% Mobile-Autoplay wird weiterhin gesucht.
Hallo zusammen,
ich habe zwei Fullscreen-Hero-Videos auf meiner Startseite , eingebunden per
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:
Wäre dankbar für funktionierende Beispiele oder Hinweise. 
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.
hat leider nicht funktioniert