wistia - 保留用户是否在 Wistia 中打开隐藏式字幕

Question

我想保留用户为 Wistia 视频选择的打开或关闭状态（和语言）的隐藏式字幕。是否有 JavaScript 事件可用于捕捉播放器隐藏式字幕状态的变化？如果不是，这个问题的首选解决方案是什么？

Answer 1

我最终只是编写了一个事件处理程序来捕获页面上的任何点击事件。我首先检查内部文本是否是 CC 菜单中可用语言之一。然后，为了安全起见，我确保它是具有 .w-captions-menu 类的 <div> 的孩子。

$(document).click(function(e){
    var innerText = e.target.innerText;
    if(innerText == 'English' || innerText == 'Off'){
        if($(e.target).parents('.w-captions-menu').length){
            // Respond to event here
        }
    }
});

有必要编写一个通用事件处理程序，因为当页面加载时 Wistia 元素不存在。在您单击播放器上的 CC 按钮之前，菜单项本身并不存在。因此，如下所示的事件处理程序将不起作用，因为它选择的元素尚不存在：

$('.w-caption-menu button').click(function(){
   // Respond to event
});