javascript - 为视频添加章节链接

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