Video only playing on desktop icon theme

Highlighted
Explorer
64 1 5

Hi Everyone, 

I have put an auto looping video on the homepage of the Icon theme, it works perfectly on Desktop with the window any size, but on mobile its just frozen completely.

Please help! indigojade.co

0 Likes
Highlighted
Astronaut
1088 180 214

@Maddison 

Videos do not autoplay on mobile by default on any device.
In this link you can find the technical reasons why this happens in details: https://stackoverflow.com/a/42161532/4781067

I hope it helps.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Explorer
64 1 5

Hi Diego,

I already have the video on mute and loop, confused as I can see other
Shopify sites such as https://www.krystleknightjewellery.com/ which seem to
have no issue playing a looped video on mobile. There must be a work around
of some sort?

My current code is

<video loop="loop" muted="" autoplay="autoplay" preload="" id="vid" width="100%">
<source src="https://cdn.shopify.com/s/files/1/1828/2803/files/ezgif.com-crop.webm?v=1596428154" type="video/webm" />
    <source src="https://cdn.shopify.com/s/files/1/1828/2803/files/ezgif.com-crop.mp4?v=1596428127" type="video/mp4" /></video>
0 Likes
Highlighted
Astronaut
1088 180 214

Are you trying it on mobile data or WIFI? 

On Wifi it will play fine. I just tested it on my device and your website's video is auto-playing in here:

dantepw_0-1597991604458.png



Are you experiencing this issue when connected to wifi too?

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Explorer
64 1 5

@diego_ezfy I'm on wifi, I've tested on two different iphones on two different browsers and am having no luck. Are you on andriod? 

0 Likes
Highlighted
Astronaut
1088 180 214

I am on Android, yes.
In the link that I have sent you on the previous post it mentions iOs is susceptible to experience this bug you're talking about. 

It would require a custom Javascript script to fix this issue, I'm afraid that unfortunately there is no simple copy-paste solution otherwise I'd happily guide you through.

You'll probably want to hire a Shopify developer to assist you if you wanna get this solved unless someone in the community is willing to put in the hours to help you out. 

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes