title: How to handle "Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first." on Desktop with Chrome 66?
body: <p>I'm getting the error message..</p>
  
  <blockquote>
    <p>Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.</p>
  </blockquote>
  
  <p>..when trying to play video on desktop using Chrome version 66.</p>
  
  <p>I did find an ad that began playback automatically on a website however using the following HTML:</p>
  
  <pre><code>&lt;video
      title="Advertisement"
      webkit-playsinline="true"
      playsinline="true"
      style="background-color: rgb(0, 0, 0); position: absolute; width: 640px; height: 360px;"
      src="http://ds.serving-sys.com/BurstingRes/Site-2500/Type-16/1ff26f6a-aa27-4b30-a264-df2173c79623.mp4"
      autoplay=""&gt;&lt;/video&gt;
  </code></pre>
  
  <p>So is by-passing Chrome v66's autoplay blocker really as easy as just adding the <code>webkit-playsinline="true"</code>, <code>playsinline="true"</code>, and <code>autoplay=""</code> attributes to the <code>&lt;video&gt;</code> element? Are there any negative consequences to this?</p>