title: How to make html video autoplay on phones and tablets?
body: <p>I have a background video on my site olegefimkin.ru which should start playing automatically on page load. And it does on PC and some phones, but doesn't on some phones and tablets (e.g. iPhone).
  I'm using this html code:</p>
  
  <pre><code>&lt;video autoplay loop muted id="main-video"&gt;
    &lt;source src="/themes/basic/video/intro.webm" type="video/webm"&gt;&lt;/source&gt;
    &lt;source src="/themes/basic/video/intro.mp4" type="video/mp4"&gt;&lt;/source&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>I've also tried to add javascript video.play() but it still doesn't work in Safari.
  How can i make video autoplay on mobile devices?</p>