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

Question

我需要动态地将视频字幕轨道设置为默认值，我觉得我错过了一些细节。

我的部分代码是这样的：

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 检查员进行了手动测试，删除了我不需要的内容，效果很好！

那么，各位聪明人有什么线索吗？

我提前感谢大家。

标签： javascripthtml5-videoplyrcaption

Answer 1

找到了，朋友。

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

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