title: Video Track Element only triggers load event on Google Chrome
body: <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;h1&gt;Get track example&lt;/h1&gt;
  
  &lt;video controls&gt;
      &lt;source src="media/test.mp4" /&gt;
      &lt;track id="entrack" label="English subtitles" kind="captions" src="media/test-en.vtt" srclang="en" default /&gt;
  &lt;/video&gt;
  &lt;div style="display:block; overflow:auto; height:200px; width:650px; border: 1px solid;" id="display"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>Javascript:</strong></p>
  
  <pre><code>document.getElementById("entrack").addEventListener("load", function () {
      var myTrack = this.track; // get text track from track element          
      var myCues = myTrack.cues; // get list of cues                    
      for (var i = 0; i &lt; myCues.length; i++) {
          // append track label
          document.getElementById("display").innerHTML += (myCues[i].getCueAsHTML().textContent + "&lt;br/&gt;");
      }
  });
  </code></pre>
  
  <p>I tried to make this page with an <code>addEventListener()</code>. When the track was loaded, cues list would be displayed on a "div" element. </p>
  
  <p>But I got into trouble, it only worked in Chrome while other browsers did't. </p>
  
  <p>No error occurred.<br>
  Can anyone tell me what's wrong?</p>
  
  <p><a href="http://jsfiddle.net/GAML2/" rel="nofollow">JSFiddle</a></p>
  
  <p><strong>Edited:</strong> If i have a button and listen for click event on it. Like this:</p>
  
  <pre><code>document.getElementById("mybutton").addEventListener("click", function () {
      var myTrack = document.getElementById("entrack").track; // get text track from track element          
      var myCues = myTrack.cues;   // get list of cues                    
      for (var i = 0; i &lt; myCues.length; i++) {
          // append track label
          document.getElementById("display").innerHTML += (myCues[i].getCueAsHTML().textContent + "&lt;br/&gt;");  
      }
  }, false);
  </code></pre>
  
  <p>It worked on Firefox.</p>
  
  <p>So... what is the difference between 'click' and 'load' event?</p>