title: Video JS ready event and IE8
body: <p>I'm currently using Video JS to serve video files, and the video source is changing depending on what item the visitor clicks. When my page loads I run the following code to bind the videoplayer object to a variable.</p>
  <pre><code>var videoPlayer = _V_(&quot;my_video_1&quot;);
  </code></pre>
  <p>This works perfectly in every browser except for IE7 and IE8. I've been debugging my code and it seems like it gets stuck on the ready event, which never fires. Although it does not leave any errors in the console. But any alerts or actions inside the ready function are ignored, and it's really at that point that the source is being modified. This is the code I use to change the source:</p>
  <pre><code>videoPlayer.ready(function(){
      var myPlayer = this;
      myPlayer.src([
          { type: &quot;video/mp4&quot;, src: videoFile + &quot;.mp4&quot; },
          { type: &quot;video/ogg&quot;, src: videoFile + &quot;.ogv&quot; }
      ]);
      myPlayer.play();
      myPlayer.volume(0.2);
      $('div#videoViewer').show();
  });
  </code></pre>
  <p>I've been using the same code on two other pages, and there have been no issues getting this to work. Now both myself and a colleague have been debugging this for hours but come nowhere closer to a solution.</p>
  <p>Does anyone here have any ideas what could be causing the ready event to be ignored?
  I've been trying to disable all other scripts in order to find the root of the issue but it has not been working.</p>
  <p>I'm very thankful for any answers that could help me fix this.</p>