6

我正在尝试确定 html 视频的 TextTrack 元素当前是显示还是隐藏。

我查看了 html 规范,乍一看,texttracks.mode 属性会根据以下内容完美运行:http: //www.whatwg.org/specs/web-apps/current-work/multipage/the-video- element.html#text-track-hidden

我在 google chrome 版本 35.0.1916.153 中使用以下 html 和代码测试了此属性:

HTML:

<video>
    <track id="en" kind="subtitles" src="transcript.vtt"></track>
    <source src = "samplevideo.mp4">
</video>

代码:

$(video)[0].textTracks[0].mode

最初,代码按预期返回“隐藏”,然后单击视频播放器上的脚本按钮并重新运行代码,它返回“显示”。

如果我在这些步骤之后关闭播放器并重新运行代码,尽管脚本被隐藏在视频中,它仍会返回“显示”。

有没有更好的方法来检测 html5 视频播放器上脚本的可见/不可见状态?

4

1 回答 1

1
<video id="video" controls preload="metadata">
<source src="video/sintel-short.mp4" type="video/mp4">
<source src="video/sintel-short.webm" type="video/webm">
<track label="English" kind="captions" srclang="en" src="captions/vtt/sintel-en.vtt" default>
<track label="Deutsch" kind="captions" srclang="de" src="captions/vtt/sintel-de.vtt">
<track label="Español" kind="captions" srclang="es" src="captions/vtt/sintel-es.vtt">
</video>
于 2014-10-25T05:11:46.050 回答