Question

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

我看了一下html规范，乍一看，texttracks.mode属性可以完美地工作：http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#text-track-hidden

我在谷歌浏览器版本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视频播放器上的可见/不可见状态？

Answer 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>

跟踪HTML5视频隐藏字幕可见性状态

1 个答案: