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

标签 javascript html5-video plyr caption

我需要动态地将视频字幕轨道设置为默认轨道,我觉得我遗漏了一些细节。

我的部分代码是这样的:

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 的视频播放器这非常好,因为它需要将标题设置为默认显示抄送按钮,否则它不会显示。我用 FF 检查器进行了手动测试,删除了我不需要的东西,效果很好!

那么,各位聪明人有什么线索吗?

在此先感谢大家。

enter image description here

enter image description here

最佳答案

找到了, friend 们。

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

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

关于javascript - 如何动态地将视频字幕轨道设置为默认轨道,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64627782/

相关文章:

javascript - HTML 元素附加到文档

javascript - "controller as"vs 隔离范围

r - 在 R 中使用 rbind.fill 时保留行名称

r - 在Windows上并行运行ddply()的简单工作示例

javascript - 媒体源扩展不工作

javascript - 尝试通过 Vue.js 中的 API 控制 Plyr

javascript - 在 Javascript 中,如何每 5 秒打印出数组中的单个元素?

javascript - Django - 为 dygrapgs 生成 csv

html - webrtc - 视频出现 Blob ,但它仍然是黑色的

reactjs - a11y : What is the correct `<track>` element for video chats?