A user is trying to enable video autoplay on mobile devices for their Dawn theme product page. The video autoplays successfully on desktop but not on mobile.
Technical Context:
product-media.liquid file and shared a code screenshotProposed Solution:
A respondent suggested adding muted: true to the autoplay configuration, explaining that mobile browsers typically require videos to be muted before allowing autoplay (due to data/battery conservation policies).
Current Status:
A third user attempted the suggested code modification but encountered a new issue: clicking the video now redirects to an HTML page instead of playing. The discussion remains unresolved with the latest user seeking additional solutions.
Hi,
I have a video set as the second media item on my product page. On a laptop, the video autoplays when I navigate to it. However, on a mobile phone, it doesn’t autoplay, and I would like to ensure that it does.
Could this be a configuration issue in the product-media.liquid file? I’ve checked the file, and it contains the following section:
Any assistance would be greatly appreciated.
Thank you!
The code in your product-media.liquid file looks like it should autoplay the video, but mobile browsers often block autoplay to save data and battery life. To ensure your video autoplays on mobile, you can add a few tweaks.
Notice the addition of muted: true to the autoplay configuration. Mobile browsers often require videos to be muted to allow autoplay. This tweak should help the video to start playing automatically on mobile devices.
Hello,
Im looking for a solution to this problem. I tried your code (the theory of it makes sense), but after I added it when you click the video it just takes you to a html page.
Do you have any solutions please? I’ve looked all over for one!