Hello, I’m using Dawn 15.4.1. I have a custom liquid where the video autoplays and there’s a CTA button. On desktop, it works great, on mobile, the video doesn’t autoplay and you can still see the shadow of the “play” button (gray circle) behind the CTA button.
I tried to post the custom liquid code and it got automatically flagged as promotional (I’m guessing since the code generates an image of my product). I also tried to post my website and it got flagged in the chat. It’s for luggage. Not sure what to share here without being flagged.
Hey @ihsrastacey,
Could you please share your store URL and password [if applicable] so that I can take a look and provide you solution code.
Looking forward to hearing back from you.
Thanks
beboldair .com (impact is only on mobile. works on desktop as desired). THANK YOU SO MUCH!
This issue is not related to your code. On iOS (and some Android devices) when Low Power Mode / Battery Saver is enabled, the browser (Safari/Chrome) deliberately disables autoplay for videos.
1 Like
On Dawn this is a known quirk, autoplay on iOS is tricky, and removing that gray play overlay while keeping your CTA working cleanly usually needs a mix of Liquid and JS tweaks. It’s a bit technical and not something that works with just a quick style override, but I’ve handled this exact fix for a merchant days back. I’ll be glad to be of help, dms are open.
1 Like
Wow! Thank you–I had no idea. I almost always have my phone on low power (it’s an older iphone and the battery charge isn’t great). I noticed the video working on mobile the other day and thought I was totally losing my mind. Didn’t put the two together. Thank you for solving this mystery!
Exactly and keep in mind, many of your potential customers may also have their phones in low power mode. Since you’re building a store, it’s important to optimize for every possible scenario that could affect performance or user experience. Even small things like this can make a big difference in conversions.
I’m happy I could help!!!