将章节链接添加到视频

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