在IE中加载webvtt轨道

Question

我正在加载一个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);
            });

在Chrome中我可以看到有2个提示,但在IE11中我看到0

即使在所有内容都加载后我将其放入控制台:

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

我仍然在IE中获得0,在Chrome中获得2

我错过了什么吗？

更新1:

在做了一些重构之后,我在控制台中看到了这个错误:MEDIA12604:文本跟踪:未知的MIME类型.HR = 8007000b.

然后我发现这篇文章: WinJS视频元素中的HTTP字幕

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

更新2:

MEDIA12604:文本跟踪:未知的MIME类型.HR = 8007000b.已排序但跟踪提示仍未在IE中加载

Answer 1

在IE11中,您需要在服务器上定义WebVTT的MIME类型.那将是text/vtt.请注意,IE仍然不支持:: cue或position markups等WebVTT功能.像JW Player这样的第三方玩家在不同程度上支持他们.