javascript - 在 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。

然后我发现了这篇文章: HTTP subtitles in WinJS video element

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

更新 2:

MEDIA12604:文本轨道:未知的 MIME 类型。小时=8007000b。已排序但轨道提示仍未在 IE 中加载

Answer 1

在IE11中，需要在服务端为WebVTT定义MIME类型。那将是文本/vtt。请注意，IE 仍然不支持 WebVTT 功能，如::cue 或位置标记。一些第三方播放器如JW Player都不同程度地支持它们。