Javascript 在IE中加载webvtt曲目

我正在加载一个webvtt文件。工作正常，但在IE11中没有提示

            WEBVTT FILE

            00:00:01.000 --> 00:00:04.000
            Let's take a look at the 4th platform preview of IE10

            00:00:04.000 --> 00:00:06.000
            running on the Windows 8 Developer Preview

在代码内部：

            var trackNode = jQuery("<track default>");
            // videoNode is just a <video> with <source> child
            videoNode.append(trackNode);
            trackNode.attr({
                label: "Captions",
                kind: "metadata",
                src: "localhost:1234/example&output=vtt"
            });
            trackNode.on("load", function() { // I have also tried using "loadedmetadata" instead of load, but nothing changed
                console.log(this.track.cues.length);
            });

我仍然在IE中获得0分，在Chrome中获得2分

我错过什么了吗

更新1：

在进行了一些重构之后，我在console中看到了以下错误： MEDIA12604:文本曲目：未知MIME类型。hr=8007000b

然后我发现了这个帖子：

我认为这可能是服务器问题

更新2：

---

MEDIA12604:文本曲目：未知MIME类型。hr=8007000b。已排序，但仍没有在IE中加载曲目提示在IE11中，您需要在服务器上定义WebVTT的MIME类型。那就是text/vtt。请注意，IE仍然不支持WebVTT功能，如：：提示或位置标记。一些像JW Player这样的第三方玩家在不同程度上支持他们。

这个问题已经有了公认的答案，但我希望能为下一个开发者节省一些时间

我发现IE10和IE11不支持为

加载跨源VTT文件，即使启用了CORS（

访问控制允许源：

响应头）。为了增加IE对标题的支持，我不得不使用下面的脚本

该脚本通过AJAX下载每个VTT文件，创建一个blob，并用相应的blob URL替换每个

src。这只适用于IE

window.addEventListener（“加载”，函数（）{
if（window.navigator.userAgent.indexOf（“MSIE”）<0&&window.navigator.userAgent.indexOf（“Trident/”）<0）{
//不，我什么也不做。
返回；
}
var tracks=document.queryselectoral（“track”）
对于（变量i=0；i

---

想在这里补充一点，在解决IE11中的MIME类型问题后，我仍然得到错误代码：

MEDIA12608:时间戳应该是'-->'。hr=80004004

。修复程序正在删除时间戳中的第千位数字。e、 g将：

00:00:00.000-->00:01:10.000

更改为

00:00:00.00-->00:01:10.00

            jQuery("track").track.cues.length