title: How to stop (not pause) html5 video with jQuery
body: <p>I have a page that plays a short clip from a video (full video isn't supposed to be available on this page) using the html5 video tag.  If a user visits the page and navigates back, when they visit a second time (within several minutes), the video doesn't play.  I believe it is because I am using jQuery to pause the video after 7 seconds:</p>
  
  <pre><code>$('#playButton').click(function(event){
  $('#theVideo').get(0).play()    
  setTimeout(function(){$('#theVideo').get(0).pause() }, 7000);
  });
  </code></pre>
  
  <p>I tried using <code>.stop()</code> as suggested in the unaccepted answer on this question:
  <a href="https://stackoverflow.com/questions/19355952/make-html5-video-stop-at-indicated-time">Make HTML5 video stop at indicated time</a></p>
  
  <p>This code does not work:</p>
  
  <pre><code>// doesn't work
  setTimeout(function(){$('#theVideo').get(0).stop()  }, 7000);
  // also doesn't work
  setTimeout(function(){$('#theVideo').stop() }, 7000);
  </code></pre>
  
  <p>I've referenced Mozilla's documentation.  The only quasi-official documentation I've found for jQuery and HTML5 video is from w3schools:
  <a href="https://www.w3schools.com/tags/ref_av_dom.asp" rel="noreferrer">https://www.w3schools.com/tags/ref_av_dom.asp</a></p>
  
  <p>It does not reference a "stop" method.  Should I expect .stop() to work, or do I need to find another solution?</p>
  
  <p>My video code:</p>
  
  <pre><code>&lt;video playsinline id='theVideo' poster=''&gt;
  &lt;source src='http://somedomain/subfolder/playlist.m3u8'&gt;
  &lt;/video&gt;
  &lt;div id="playButton"&gt;PLAY&lt;/div&gt;
  </code></pre>
  
  <p>I appreciate your help.</p>