Dawn Theme Video Autoplay Won't Work On Mobile

Hey there, I’m using Dawn 6.0.2 and the 2 videos I had on my homepage are not working correctly.

Before yesterday, they were both running on autoplay perfectly fine… Now, when the homepage loads, you have to click the “Play” button in order to get the loop to start. Here’s the code:

video { width: 100%; display: block; margin: 0 auto; }

Can somebody help with this? Thanks a ton! *Note: I am only looking to have this solved on Mobile…"

1 Like

Hi @goliath123

Do you mind sharing you website so we can take a look?

Here’s the website:

goliathskin.com

Weidly enough, it started working fine again (with no changes) and yesterday it went back to not working again.

I’m assuming that there is an issue with the Theme or there is some setting that keeps getting altered on Shopify’s end… But I could be completely wrong.

If you could help that’d be amazing!

Hi @goliath123 ,

There are a lot of policies being implemented when it comes to audio and video. If needed to be autoplayed, media must be muted. I can see that you don’t have a muted attribute in your HTML. Please refer to the code below


You can check the following policies here.

https://webkit.org/blog/6784/new-video-policies-for-ios/

https://developer.chrome.com/blog/autoplay/

Where can I add this code to make my videos autoplay on mobile? www.vonsorella.com