title: Video Header Autoplay Issue
body: <p>I have a video header that autoplays on desktop when visited. It also autoplays on mobile but only on some mobile devices. I can't seem to figure out the issue. It currently autoplays on mobile on safari and chrome, iphone x and iphone 6 plus, but it doesnt auto play on a friends iphone x or another persons iphone 8 plus. Is browser version something i should look into? They seem to all be up to date. Or am i missing something in the code?</p>
  
  <p>Here is the code for the video header:</p>
  
  <pre><code> &lt;video autoplay muted loop playsinline width="100%"&gt;
    &lt;source src="{{ section.settings.videofile }}" type="video/mp4" id="{{ section.id }}"&gt;
   &lt;/video&gt;
  </code></pre>
  
  <p>website: www.glamfleur.com</p>