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

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 inspector 进行了手动测试，删除了我不需要的东西，效果很好！

那么，各位大神们有什么线索吗？

先谢谢大家了。

Answer 1

track.setAttribute('default', ''); 适合我

结果：

CodePen

这是您想要达到的目标还是我看错了问题？ :)

Answer 2

找到了，朋友们。

更深入地研究 plyr.io 代码，我找到了解决我的问题的设置。

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

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

How to set a video caption track as default dynamically

javascript

caption

plyr

html5-video