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

Mod*_*ulo 6 html javascript video jquery transcription

我试图确定html视频的TextTrack元素当前是显示还是隐藏.

我看了一下html规范,乍一看,texttracks.mode属性可以完美地工作:http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video- element.html#文本轨道隐藏

我在谷歌浏览器版本35.0.1916.153中使用以下html和代码测试了此属性:

HTML:

<video>
    <track id="en" kind="subtitles" src="transcript.vtt"></track>
    <source src = "samplevideo.mp4">
</video>
Run Code Online (Sandbox Code Playgroud)

码:

$(video)[0].textTracks[0].mode
Run Code Online (Sandbox Code Playgroud)

最初,代码按预期返回"隐藏",并在点击视频播放器上的脚本按钮并重新运行代码后,返回"显示".

如果我在这些步骤之后关闭播放器并重新运行代码,尽管录像中隐藏了成绩单,它仍会返回"显示".

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

小智 1

<video id="video" controls preload="metadata">\n<source src="video/sintel-short.mp4" type="video/mp4">\n<source src="video/sintel-short.webm" type="video/webm">\n<track label="English" kind="captions" srclang="en" src="captions/vtt/sintel-en.vtt" default>\n<track label="Deutsch" kind="captions" srclang="de" src="captions/vtt/sintel-de.vtt">\n<track label="Espa\xc3\xb1ol" kind="captions" srclang="es" src="captions/vtt/sintel-es.vtt">\n</video>\n
Run Code Online (Sandbox Code Playgroud)\n