如何动态将视频字幕轨道设置为默认字幕

问题描述

我需要将视频字幕轨道动态设置为默认，我觉得确实缺少一些细节。

我的部分代码是这样的：

track = document.createElement("track");
track.kind = "captions";
track.label = "Português";
track.srclang = "pt";
track.src = "captionsXYZ.vtt";

我尝试将字幕设置为默认字幕，

track.setAttribute('default','');  

还有这个

track.setAttribute('default','default')

但是它在浏览器中显示如下：

<track label="Ligar" kind="captions" srclang="pt" src="captionsXYZ.vtt" default="">

我需要这样：

<track label="Ligar" kind="captions" srclang="pt" src="captionsXYZ.vtt" default>

但是我为什么需要那个？

我正在与一个名为plyr.io的视频播放器配合使用，它非常好，因为需要字幕的内容默认设置为显示cc按钮，否则不会显示。我与FF检查员进行了手动测试，删除了我不需要的东西，效果很好！

那么，你明智的人有什么线索吗？

我先谢谢大家。

解决方法

找到了，朋友。

深入了解plyr.io代码，我发现了一个可以解决我的问题的设置。

const player = new Plyr.setup('video',{
         captions: {
          active: true,update:true,// THAT line solved my problem
        }
})

,

KEYUP为我工作

结果：

CodePen

这是您要实现的目标还是我读错了问题？ ：）