HTML5 track subtitles and property cue and ActiveCue 在 IE (internet explorer) 中为空

Question

我尝试将字幕添加到音轨。所有浏览器都可以正常工作，但不是 IE10 及以下。
这是我的代码:

<audio preload="none" class="js-audio">
  <source src="TRACK_SRC" type="audio/mp4">
  <track kind="captions" src="SUBTITLES_SRC.vtt" srclang="se" default />
</audio>

然后我尝试从这条赛道中获得一些线索:

var trackIE = $('track')[0];
var textTrack = trackIE.track;
textTrack.mode = 'hidden';
var cues = textTrack.cues;

在 IE 中我得到空对象。
请帮我解决这个问题。

Answer 1

对于 IE，您需要设置 MIME 类型，否则它会完全忽略 VTT。

将以下内容添加到与 HTML 文件位于同一目录中的 .htaccess 文件中:

AddType text/vtt .vtt