title: HTML5 Autoplay doesn't work properly on reloads
body: <p>I'm building a website. I want to make a block which has a video and autoplay it whenever the page lands.</p>
  <p>I made a lot of research and tried almost all &quot;autoplay&quot; suggestions but still it does not work properly.</p>
  <p>Here is code block:</p>
  <pre><code>&lt;video width=&quot;642&quot; height=&quot;324&quot; autoplay=&quot;autoplay&quot; loop=&quot;loop&quot; onstart=&quot;this.play();&quot; onended=&quot;this.play();&quot; style=&quot;position: relative;left: -47px&quot;&gt;
  
  &lt;source src=&quot;video.mp4&quot; type='video/mp4'&gt;
  
  &lt;/video&gt;
  </code></pre>
  <p>A few style components also there, please do not care about them. Autoplay sometimes works correctly but sometimes it does not. Whenever it doesn't, i right click the video and click on &quot;Show the all controls&quot;. Then i see video did not start. I click on play button and it starts to play. Any suggestions?</p>