HTML5跟踪字幕和属性提示，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