title: HTML5 video - Waiting event not firing
body: <p>I'm messing around with HTML5 videos and custom controls and I'm looking to use the waiting event to ideally display a loading image but just writing to the console will do for now.</p>
  
  <p><strong>The waiting event</strong></p>
  
  <blockquote>
    <p>Playback has stopped because the next frame is not available, but the
    user agent expects that frame to become available in due course.</p>
  </blockquote>
  
  <p>I've set an example up here -> <a href="http://jsbin.com/uvipev/2/edit#javascript,html,live" rel="nofollow">http://jsbin.com/uvipev/2/edit#javascript,html,live</a></p>
  
  <p>Here's the video code minus the controls:</p>
  
  <pre><code>&lt;video controls preload="meta"&gt;
     &lt;source src="http://www.tools4movies.com/dvd_catalyst_profile_samples/The%20Amazing%20Spiderman%20tablet.mp4" /&gt;
     This is video fallback
  &lt;/video&gt;
  </code></pre>
  
  <p>And here's my event listener for the waiting event.</p>
  
  <pre><code> var video = document.getElementsByTagName('video')[0];   
  
      video.addEventListener('waiting', function() {
          console.log('waiting');
      }, false);
  </code></pre>
  
  <p>Can anyone see why this isn't running? The waiting event sounds like what I need.</p>