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

Posted 2023-03-07

【中文标题】HTML5 track subtitles and property cue and ActiveCue 在 IE (internet explorer) 中为空

【英文标题】：HTML5 track subtitles and property cue and ActiveCue is empty in IE (internet explorer)

【发布时间】：2015-06-17 10:12:05

【问题描述】：

我尝试为音轨添加字幕。所有浏览器都可以正常工作，但不是 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 中我得到空对象。 请帮我解决这个问题。

【问题讨论】：

我也有类似的问题，不知道你找到解决办法了吗？

我将音频标签替换为视频，将 vtt 文件替换为 srt，而不是隐藏视频块

【参考方案1】：

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

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

AddType text/vtt .vtt

【讨论】：

我使用wordpress。我的 vtt 文件路径是：site.ru\wp-content\themes\THEME\dir\audio\dir\ 我必须在哪里添加我的 .htaccess 文件？

我尝试将此文件和代码添加到所有目录中，其中有我的 php 文件和 vtt 文件。而且它不起作用：（

嗯，通常情况下，您只需将其添加到站点的根目录即可。