title: InvalidStateError in IE11 when trying to rewind and pause video
body: <p>I am building a website where videos start to play when you move the mousepointer over them. When a user leaves the video area it pauses and jumps back to the first frame. This works perfectly in every browser besides IE. When I open the dev console it shows me an "InvalidStateError" right above the part of code that handles the stop function. Why is IE behaving like that? Thanks for any input on this.</p>
  
  <p>Here is the part of code that triggers the error:</p>
  
  <pre><code>var figure = $('.servus_video').hover(playVideo, stopVideo);
  
  function playVideo(e) {
      $('video', this).get(0).play();
  }
  
  function stopVideo(e) {
      $('video', this).get(0).currentTime = 0;
      $('video', this).get(0).pause();
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/yvCzc.jpg" rel="nofollow noreferrer">Screenshot from IE11 debugger</a></p>