My Video Isn't loading for IOS Users!!!

CalebW
Visitor
1 0 0

Hey guys, 

So I decided to put an auto played video on the top of my Homepage, and my current theme is Venture. It looked up how to center the video and make it fit at the top. Now I have a huge problem that I didn't know that was in effect! The video auto played perfectly for all of my ANDROID devices. But for my IOS devices, it doesn't load at all. It just shows an image of the video, and it doesn't play AT ALL for Apple products!!!

Photo for all IphonesPhoto for all Iphones

 

Is there a code to fix this problem??? And which coding folder do I go to for VENTURE?

Here is my store URL for the home page, which is where the problem exists, and there is NO PASSWORD

hypeglo.com.co 

I need help ASAP PLEASE I am still remaining live right now! This is the only obstacle I'm facing before advertising my ads...

THANK YOU SO MUCH FOR YOUR TIME, Caleb W.

Replies 3 (3)
JoesIdeas
Shopify Expert
2030 182 535

Some browsers block auto play, specifically on mobile because videos are massive files and eat up data.

Some people like videos, some people think they're annoying (you'd have to A/B test auto play vs not and measure the stats to see how your audience perceives them). I wouldn't worry about it, just make sure that if you click the image it plays the video - then the people that want to watch the video will click.

• Creator of Order Automator (automate tagging, fulfillment, Amazon, notifications + more)
• Shopify developer for 10+ years, store owner for 7 years
• I also make guides like Shopify Automation Tips and How to Deal with Fraud / Chargebacks
GemPages
Shopify Partner
5587 1260 1161

Hello @CalebW 

 

Some devices / browser restrict auto play for a couple reasons:

For people that don't have unlimited data, auto playing videos loads huge files that eat up their data, so preventing that prevents them from losing data in their plan

 

You can also use the below custom code to enable auto play : 

<video controls="" loop="" muted="" playsinline="" autoplay="" src="your_video" width="100%" height="100%"></video>

 

I hope the above is useful to you.
Best regards,
GemPages Support Team.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
jmm00205
Tourist
13 0 0

Where do you add this code at?