在plyr.js上动态更改视频源和字幕？

Question

我正在努力寻找向 plyr.js 添加标题的方法，但到目前为止在互联网上找不到任何内容 我的代码是

<video class="player" style="min-width: 100%; min-height: 500px;" id="my-player"> </video>

js 是：

const player = new Plyr('#my-player');

用js添加视频源和字幕应该怎么做？

搜索原始 git 仓库

Answer 1

我找到了解决方案

根据这一行：

const player = new Plyr('#my-player');

你应该这样做：

player.source = {
    type: 'video',
    title: 'Example title',
    sources: [
        {
            src: VIDEO_ADDR,
        }
    ],
    tracks: [
        {
            kind: 'captions',
            label: 'English',
            srclang: 'en',
            src: TRACK_ADDR,
            default: true,
        }
    ]
};
player.play();

最好将其放在事件函数上，例如

onclick