title: fire event when <video> is fully loaded
body: <p>how can I fire an event when a video is fully loaded?</p>
  
  <p>I've tried the following method to get <code>.loaded</code> and <code>.total</code> to compare and fire, but looks like in the following scenerio console non-stop logs undefined</p>
  
  <pre><code>    video.addEventListener("progress", function(p){
          console.log(p.loaded )
      }); 
  </code></pre>
  
  <p>ps. "video" is my video element as you may guess
  ps2. not a duplicate of <a href="https://stackoverflow.com/questions/5029519/html5-video-percentage-loaded">HTML5 Video - Percentage Loaded?</a> - I don't want to "play" the videos, only load them. The solution of this link needs videos to be either on autoplay or to be played (to load them).</p>