Video lässt sich auf mobile nicht abspielen?

[FirstUser2023]

Hi,

ich habe ein problem auf meiner Produktseite. undzwar habe ich ein video zum Produkt eingefügt, in .mp4 Format. ich habe aber leider von Mobile nicht die Möglichkeit das video abzuspielen, das heißt, es wird mir kein Playbutton gezeigt.

Auf der Desktop version funktioniert alles ganz normal. Am liebsten wäre mir AutoPlay auf der Mobile Version. Hat jemand Ahnung welche gängigen Fehler das sein können?

Ich nutze das sense theme, hier die produktseite: https://caretime.shop/products/auracontour-diamant-roller-fur-ein-definiertes-und-verjungtes-gesicht

Vielen Dank im Voraus Viele Grüße!

[Ben310]

@FirstUser2023 

Es ist gerade kein Video auf der Seite zu erkennen? ¯\_(ツ)_/¯

[FirstUser2023]

Hey Ben, ich habe das video jetzt wieder auf der produktseite, in der zwischenzeit hatte ich probiert das mal als GIF hochzuladen, sieht aber leider nur halb so gut aus wie als Video. Auf dem PC kann ichs starten, per Mobile sehe ich leider keinen playbutton. 

https://caretime.shop/products/auracontour-diamant-roller-fur-ein-definiertes-und-verjungtes-gesicht

[Kai]

Hi @FirstUser2023,

Produktvideos sind für die Conversions deines Shopify Shops super!

Hast du das Video kurzfristig entfernt?

Denn auch ich kann es momentan nicht in der Desktopversion deines Shopify Shop sehen.

Generell gibt zwei Möglichkeiten, Videos für dein Produkt hinzuzufügen: durch das Hochladen einer Videodatei oder durch das Einbetten eines YouTube- oder Vimeo-Videolinks. Wenn du Videodateien hochlädst, stelle sicher, dass sie die folgenden Anforderungen erfüllen:

• Videolänge: Bis zu 10 Minuten
• Größe des Videos: bis zu 1 GB
• Auflösung des Videos: bis zu 4K (4096 x 2160 Pixel)
• Dateityp des Videos: .mp4 oder .mov

Du musst diese Voraussetzungen zum Einbetten von YouTube- und Vimeo-Videos nicht erfüllen, jedoch werden nur URLs von YouTube oder Vimeo unterstützt.

In Browsern, die Streaming unterstützen, werden Videos entweder in 480 p, 720 p oder 1080 p angezeigt, abhängig von der Verbindungsgeschwindigkeit des Viewers und der Auflösung des hochgeladenen Videos. In Browsern, die kein Streaming unterstützen, werden Videos in der verfügbaren höchsten Auflösung angezeigt.

Du kannst im Shopify-Adminbereich oder in der Shopify Mobile-App Bilder, 3D-Modelle oder Videos für deine Produkte hinzufügen.

Sind diese Vorgaben für dein Video gegeben?

Und welches Theme verwendest du? Wer dein Theme entwickelt hat und unterstützt siehst du so nach.

Ich freue mich auf deine Antwort,

[FirstUser2023]

Hallo lieber Kai, das Video ist wieder auf der Produktseite, unter: https://caretime.shop/products/auracontour-diamant-roller-fur-ein-definiertes-und-verjungtes-gesicht

Die Vorgaben die du beschrieben hast, stimmen überein. Ich habe das video bisher ganz normal über die Produktseite im Shopify-Admin-Bereich hochgeladen, so wie die Produktbilder auch. Also keine Einbettung in die Produktbeschreibung. Ich nutze das Sense 2.0 Theme, ich hoffe du kannst mir da helfen!!

Viele Grüße 

Inan

[Gabe]

Hey Inan! @FirstUser2023 

Ich habe deinen Video in meinem Test-Sense Theme getestet und da spielt er im Mobile Modus ohne Probleme. In deinem Theme erscheint ganz einfach der Play Button nicht und da ist irgendwo der Wurm drin. Spielt der Video in anderen Theme Kopien ab, die du ggf. in deiner Theme Library hast? Kannst du bitte eine frische Kopie des sense Themes zum Shop hinzufügen und testen ob da auch der Video nicht abspielt?

Da das ein Shopify Theme ist können wir das anschauen und müssen feststellen ob wir ein Bug in deiner Theme Kopie ausschließen können. Sende bitte eine E-Mail an unseren Support wie hier demonstriert von der E-Mail-Adresse, die du zur Anmeldung in deinem Shopify-Shop verwendest, und gib deine myshopify.com-URL da auch ein. Sobald die dein Konto authentifiziert haben, können sie dir weiterhelfen.

[FirstUser2023 · Accepted solution]

Hallo Gabe, der Support konnte mein Problem glücklicherweise lösen. Ich habe diese Nachricht erhalten:

Spoiler

"Hey there,
 
Hamzat here with Shopify Theme Support helping you out today!
 
Sotirios your Support Advisor informed me that you were having some issues with the option to play the video media not showing up on mobile devices. 
 
I did some digging and discovered that this is as a result of the 3rd party code that was added to the section-main-product.css theme file on lines 1598-1599, please see the screenshot below. 
 
I would recommend contacting the developer who provided/implemented the code in question to take a look since they would have more context about what they were trying to accomplish with the change, also so that they can implement the right fix. 
 
The reason for the suggestions above is because troubleshooting or customizing 3rd party code is outside the scope our support as per our design policy.

Kind Regards
Hamzat | Theme Specialist

"

Ich habe den eingerahmten Code entfernt, und es funktioniert wieder! Ich danke für die Antworten, vielleicht findet mal jemand her der das selbe Problem hat.

Viele Grüße!

[Gabe]

@FirstUser2023 

Yeeay super freut mich! Ein einfacher hinzugefügter Code einer App kann so etwas auslösen.

Man kann beispielsweise den ganzen Code in den diffchecker.com Tool eingeben und mit einem frischen Code vergleichen, um zu sehen, was im Code geändert oder ergänzt wurde.

Hier ein Beispiel aus einen meiner Testthemes wo man auch das neue Theme Update Code sehen kann, wie es aussieht: