title: NEW "Uncaught (in promise) DOMException" Problem
body: <p>Have a look at the following page and before clicking anywhere in it, hover over the video and check your console - an error is thrown and the video doesn't play...</p>
  
  <p><a href="https://codepen.io/gil--/pen/bNxZWg" rel="nofollow noreferrer">https://codepen.io/gil--/pen/bNxZWg</a></p>
  
  <p>Jquery code:</p>
  
  <pre><code>var figure = $(".video").hover( hoverVideo, hideVideo );
  
  function hoverVideo(e) {  
      $('video', this).get(0).play(); 
  }
  
  function hideVideo(e) {
      $('video', this).get(0).pause(); 
  }
  </code></pre>
  
  <p><strong>ERROR: Uncaught (in promise) DOMException</strong></p>
  
  <p>However, when you click somewhere on the page and then hover the video, it plays and no errors are thrown.
  I'm using the same code on my site hence, I'd like to fix it.
  This is super strange!</p>