title: Loading webvtt track in IE
body: <p>I'm loading a webvtt file. Works fine but in IE11 no cues are present.</p>
  
  <pre><code>            WEBVTT FILE
  
              00:00:01.000 --&gt; 00:00:04.000
              Let's take a look at the 4th platform preview of IE10
  
              00:00:04.000 --&gt; 00:00:06.000
              running on the Windows 8 Developer Preview
  </code></pre>
  
  <p>Inside the code:</p>
  
  <pre><code>            var trackNode = jQuery("&lt;track default&gt;");
              // videoNode is just a &lt;video&gt; with &lt;source&gt; child
              videoNode.append(trackNode);
              trackNode.attr({
                  label: "Captions",
                  kind: "metadata",
                  src: "localhost:1234/example&amp;output=vtt"
              });
              trackNode.on("load", function() { // I have also tried using "loadedmetadata" instead of load, but nothing changed
                  console.log(this.track.cues.length);
              });
  </code></pre>
  
  <p>In Chrome I can see that there are 2 cues, but in IE11 I see 0</p>
  
  <p>Even after everything is loaded and I put this into console:</p>
  
  <pre><code>            jQuery("track").track.cues.length
  </code></pre>
  
  <p>I still get 0 in IE and 2 in Chrome</p>
  
  <p>Am I missing something?</p>
  
  <p>UPDATE 1:</p>
  
  <p>After doing a bit of refactoring I saw this error in console:
  MEDIA12604: Text Track: Unknown MIME type. hr=8007000b.</p>
  
  <p>and then I found this post:
  <a href="https://stackoverflow.com/questions/15732937/http-subtitles-in-winjs-video-element">HTTP subtitles in WinJS video element</a></p>
  
  <p>I think this might be a server issue.</p>
  
  <p>UPDATE 2:</p>
  
  <p>MEDIA12604: Text Track: Unknown MIME type. hr=8007000b. is sorted but track cues are still not loading in IE</p>