'HTML Video autoplay is not working on iphones

  <video width="100%" playsinline preload="metadata" style="object-fit: cover;height:100%" muted="true" autoplay="true"> 
   <source src="{{video_url}}" type="video/mp4"/>
        </video>

On a Shopify site, I have a section with Video Background without audio (also muted). playsinline attribute was added.

Does anyone know how to fix this problem?

htmlhtml5-videoshopifyautoplay


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions