添加视频的章节链接

Question

我是JavaScript和jQuery的新手，但我的网页上有一个视频（视频标签），左侧有一堆链接。现在链接应该充当章节。

因此，如果我点击章节，视频应跳转到视频中的特定时间。

有没有一个很好的解决方案可以解决我的问题？

提前致谢

Answer 1

您可以使用HTML 5视频api及其currentTime属性来执行此操作。 通过这种方式，您可以跳转到视频中的给定时间（以秒为单位）。

这是documentation。

您可以这样使用它：

var myvideo = document.getElementById('myvideo'),
    chpt1 = document.getElementById('chpt1');

chpt1.addEventListener("click", function (event) {
    event.preventDefault();
    myvideo.play();
    myvideo.pause();
    myvideo.currentTime = 7; // or whatever
    myvideo.play();
}, false);

这是一个fiddle来自以下主题：html5 video button that takes video to specific time