html 如何打开字幕,HTML5视频隐藏字幕关闭或开启方法

更新：忽略我以前的答案(在下面的情况下离开那里是涉及逻辑的任何使用)......原来有是显示当字幕轨道改变的事件：

function captionStatus() {

console.log("Mode:-->" + track.mode)

}

var video = document.querySelector('#video');

var tracks = video.textTracks; // one for each track element

var track = video.textTracks[0]; // corresponds to the first track element. If more than one will need to adapt code to select the right one

tracks.addEventListener("change", captionStatus, false);

[原创，不是非常有帮助，答案)

似乎没有要，你可以添加一个侦听特别依赖于

CC按钮但是一个事件，你可以做被设定的定时器(或使用拴在视频播放头的事件)，对于视频元素检查textTrack.mode并使用该：

var videoElement = document.querySelector("video");

var textTracks = videoElement.textTracks; // one for each track element

var textTrack = textTracks[0]; // corresponds to the first track element

var kind = textTrack.kind // e.g. "subtitles"

var mode = textTrack.mode // e.g. "disabled", hidden" or "showing"

...

video.addEventListener('timeupdate',function(){

// action based on video.textTracks[0].mode;

},false);