title: chrome html5 video buffered.end event
body: <p>I'm trying to detect when a video file has completed loading. i made it work successfully on firefox and safari but on chrome, buffered event behaves strange..
  so,
  in my local host chrome works fine but when i upload to server;</p>
  
  <ol>
  <li><p>buffer percentage stops about %50 but buffers %100,</p></li>
  <li><p>when page refreshed, percentage stay at %0 but it continues to buffering..</p></li>
  </ol>
  
  <p>here is my javascript</p>
  
  <pre><code>function loaded()
          {
              var v = document.getElementById('myVideo');
              var r = v.buffered;
              var total = v.duration;
              var current=v.currentTime;
              var start = r.start(0);
                      var end = r.end(0); 
              var downloadPercent= Math.round((end / total)*100)
              $("#loadProgress").css('width',downloadPercent+ '%');
  
                      if(downloadPercent==100){
                  $("#preloaderWrapper").fadeOut(function(){
                  document.getElementById('myVideo').play();
                  clearInterval(ratoteLoad);
                  $(this).remove();                   
                      });             
              }       
  
          }   
  
              $('#myVideo').bind('progress', function() 
              {
                  loaded();
              });
  </code></pre>
  
  <p>any idea?
  thank you</p>