我希望允许用户使用浏览器的默认视频播放器启用字幕,但是我试图绕过浏览器之间的字幕样式不一致(尤其是IE / Edge中的限制)。我计划使用自己的样式div叠加在视频上方,并且我需要能够根据视频的TextTrack对象是否将其mode属性设置为“ disabled”,“ hidden”或“ showing”来显示和隐藏它”。此模式由用户通过视频播放器的内置CC按钮控制,我需要能够检测到何时触发了更改。有什么想法吗?
答案 0 :(得分:0)
您将不得不遍历所有文本轨道,看看是否有任何“正在显示”。我敢肯定您已经看过了,但是值得一读的是:https://developer.mozilla.org/en-US/Apps/Fundamentals/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video,这里是有关textTrack.Mode属性的更多详细信息:https://developer.mozilla.org/en-US/docs/Web/API/TextTrack/mode