title: html5 video load() gets InvalidStateError
body: <p>I'm trying to load change the <code>currentTime</code> of a HTML5 video Player, capture an Image and go back to the old position in the video.</p>
  
  <p>It works If I ad a <code>alert();</code>, but it's not working without. Therefore I tried to call <code>video.load()</code>, but this gives me this Error message:</p>
  
  <p><code>Uncaught InvalidStateError: An attempt was made to use an object that is not, or is no longer, usable.</code></p>
  
  <p>This is my code:</p>
  
  <pre><code>function myHandler(e) {
      a = $('#testvideo').get(0).currentTime;
      generateThumbnail(a);
  }
  
  function generateThumbnail(i) {
      var video = $('#testvideo').get(0);
      for(var j =0; j&lt;4;j++){
          video.currentTime = i+ (j/2);
          if(video.readyState!=4){
              video.load();
              video.addEventListener('loadeddate', function() {
                 console.log(video.readyState);
                  generateImage(i,j);
              }, false);
          }else{
              generateImage(i,j);
          }
      }
      returnToPause(i);
  }
  </code></pre>