title: Html5 video trigger "ended" event when no internet connection
body: <p>I am using a  tag on an Android Webview. This is the code:</p>
  
  <pre><code>&lt;div class="video-wrapper"&gt;
      &lt;video id="video" class="video-full-screen" preload="none" webkit-playsinline poster={poster url here}&gt;
         &lt;source id="mp4" src="{Video Source here}" type="video/mp4"&gt;
         &lt;p&gt;Your user agent does not support the HTML5 Video element.&lt;/p&gt;
      &lt;/video&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I register the following video events:</p>
  
  <pre><code>var video = $('video');
  
  video.bind("canplay", function(){
      console.log("canplay");
  });
  
  video.bind("playing", function(){
      console.log("playing");
  });
  
  video.bind("waiting", function(){
      console.log("waiting");
  });
  
  video.bind("ended", function(){
      console.log("ended");
  });
  
  video.bind("canplay", function(){
      console.log("canplay");
  });
  </code></pre>
  
  <p>When I disconnect the internet before pressing video's poster, I receive the following events (after clicking the poster):</p>
  
  <p>"waiting"</p>
  
  <p>"canplay"</p>
  
  <p>"playing"</p>
  
  <p>"ended"</p>
  
  <p>All of those events are happening in few seconds (the video is not playing). Tested on Samsung Galaxy S4 4.2.2.</p>
  
  <p>This is obviously some kind of bag? (not happening on iOS / Nexus 4, Android 4.4)</p>