AUTOPLAY VIDEO NOT WORKING ON I0S BROWSERS

[Simisabb]

Hi All,

Needing urgent help here for my store- https://shopmoomee.com/ where autoplay video on homepage is not showing on iOS however shows on android, windows etc. I have tried almost every code on the support forums with no luck. 

Theme is Sense. Will pay for the help here as urgently need resolved please. 

[StudioEnchant]

Hey @Simisabb,

You can try the following code:

<section id="shopify-section-template--16151810932959__1656378394e4b5a107" class="shopify-section section">
  <link href="//shopmoomee.com/cdn/shop/t/2/assets/video-section.css?v=85459975000229754761655846963" rel="stylesheet" type="text/css" media="all">
  <link href="//shopmoomee.com/cdn/shop/t/2/assets/component-deferred-media.css?v=105211437941697141201655846973" rel="stylesheet" type="text/css" media="all">
  <video class="autovid" autoplay loop muted playsinline>
    <source src="https://cdn.shopify.com/videos/c/o/v/bdbaafde08d14cbcb715df52f86e07ee.mp4" type="video/mp4">
    Your browser does not support the video tag.
  </video>
</section>

We hope this helps you achieve the requested change. If you encounter any problems while implementing our solution, please don't hesitate to reply here, and we'll be more than happy to assist you!

[Simisabb]

Thanks for this solution! I've tried using this code now and it's just showing up as loading a loading icon on my iOS Chrome browser. I've checked other websites that are using the same code and the video plays on my iphone so I'm unsure why it isn't working on my site. 

[StudioEnchant]

Are you talking about the video on the main page? We still see the old code there.

[Simisabb]

Yes, i've left the original one on the top and created another using the code you sent- you will see this video at the bottom of the homepage.

[Simisabb]

Have you viewed on iphone?

[StudioEnchant]

Yes, we've seen that the video is not working on iphone, but note that the loading icon is not caused by the video but because of instafeed

[StudioEnchant]

@Simisabb Try using the following code instead:

<section id="shopify-section-template--16151810932959__1656378394e4b5a107" class="shopify-section section">
  <link href="//shopmoomee.com/cdn/shop/t/2/assets/video-section.css?v=85459975000229754761655846963" rel="stylesheet" type="text/css" media="all">
  <link href="//shopmoomee.com/cdn/shop/t/2/assets/component-deferred-media.css?v=105211437941697141201655846973" rel="stylesheet" type="text/css" media="all">
  <video class="autovid" muted="" playsinline="" autoplay="" loop="" disablepictureinpicture="" controlslist="nodownload noplaybackrate nofullscreen noremoteplayback">
    <source src="https://cdn.shopify.com/videos/c/o/v/bdbaafde08d14cbcb715df52f86e07ee.mp4" type="video/mp4">
    Your browser does not support the video tag.
  </video>
</section>

[Simisabb]

Still showing as a blank space unfortunatley