將章節鏈接添加到視頻

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