Re: Product video doesn't play on mobile (Refresh theme)

Product video doesn't play on mobile (Refresh theme)

CozyCampfire
Excursionist
22 0 8

My store has products that each have multiple videos on their product page. On desktop, when I click the second product video, the video starts playing immediately. However, on mobile, when I swipe to go to the next product video, it just shows a static image of the video (pictured below). Basically, I was hoping that when I swipe to the next video, the video would start playing automatically. Any help is greatly appreciated.

It just shows a static frame, there is no video playingIt just shows a static frame, there is no video playing

Replies 3 (3)

PaulNewton
Shopify Partner
7731 678 1630

If there is audio that can be one reason , it's such a massive user annoyance to autoplay video /w audio that unmuted autoplay will not work in most modern mobile browsers. 

To have autoplay video elements need to have the muted attribute added.

 

There's also a deferred poster overlay system for non-image media that may need to be disabled or worked around as the media is not actually loaded until after a user interaction with the poster overlay .

 

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


ExpertRookie
Shopify Partner
1518 249 325

On Safari browser, many customers turn on the Low Power Mode on their phones, this is the reason the HTML videos do not automatically play on mobile devices.
This is the same with the Vimeo element, when the customers turn on the Lower Power Mode on their phones, Vimeo videos will not play automatically as well.

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.

ZenoPageBuilder
Shopify Partner
1052 203 229

Hi @CozyCampfire 👋

Most modern mobile browsers do not support video autoplay as mobile devices are limited by battery and network bandwidth.

 

This includes Android, iOS, phones and tablets. On the desktop, the video can autoplay if the audio is off.

 

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com