title: Force HTML5 video autoplay unmuted
body: <p>The autoplay attribute doesn't work if the video is not muted</p>
  <pre><code>&lt;video controls autoplay muted&gt;
    &lt;source src=&quot;movie.mp4&quot; type=&quot;video/mp4&quot;&gt;
  &lt;/video&gt;
  </code></pre>
  <p>I tried this solution to unmute the video just after the video start playing but it did not work, I get this error message 'Unmuting failed and the element was paused instead because the user didn't interact with the document before'</p>
  <pre><code>$('video').on('canplay', function() {
      $(this).muted = false;
  });
  </code></pre>
  <p>Is there any way I can force autoplay just like netflix do
  <a href="https://www.netflix.com/ma-en/watch/80196789" rel="nofollow noreferrer">https://www.netflix.com/ma-en/watch/80196789</a></p>