在 HTML5 视频的时间轴上显示章节标记？

Question

如何在 Video.js 中的时间轴上显示章节标记？[或任何其他玩家，就此而言]

看看这里：laurencemoroney.azurewebsites.net/smf/videojstest.html

我向网站添加了一个 WebVTT 文件，可在此处查看：laurencemoroney.azurewebsites.net/smf/test1.vtt

我在我的播放器上使用了标签，如下所示：

<track kind="chapters" src="test1.vtt" srclang="en" label="English" default="default"></track>

我能得到的最好结果是在 Safari 上，当视频到达时间轴上的该点时，我只显示章节名称。

那么，Video.js 有没有一种方法（或皮肤）可以在章节时间轴上向我显示凹口，并允许我单击它们以跳转到该章节？

或者，是否有其他播放器支持此功能？

Answer 1

看看Plyr.io。

它支持章节标记（可点击的视觉指示器，也可以有工具提示图像）并且跨平台工作得很好