更新按鈕類與video.js markerReached功能

Question

這一個真的讓我的大腦在一個轉折。

我正在使用偉大的Video.js Markers插件，並且想要使用最近添加到插件的markerReached回調來更新我的菜單按鈕，因此當視頻觸及新章節時，相應按鈕的類將處於活動狀態，直到下一章開始並且更新下面的按鈕。

這是每個按鈕指示哪個章節正在使用旁邊的活動按鈕正在播放。

的按鈕已經瀏覽到一個時間戳視頻：

<div class="menu"> 

<button onclick="setCurTime(2)" type="button" value="2">Chapter 1</button> 
<button onclick="setCurTime(57)" type="button" value="57">Chapter 2</button> 

</div> 

而這裏的JS的章節標記：

// initialize video.js 
var video = videojs('current_video'); 

//load the marker plugin 
video.markers({ 
    markers: [ 
    {time: 2, text: "Chapter 1"}, 
    {time: 57, text: "Chapter 2"}, 
    ] 
}); 

所以我應該怎麼鉤markerReached事件到？

Answer 1

只需添加onMarkerReached到你的選擇，

// initialize video.js 
var video = videojs('current_video'); 

//load the marker plugin 
video.markers({ 
    onMarkerReached: function(marker) { /* do stuff */ }, 
    markers: [ 
    {time: 2, text: "Chapter 1"}, 
    {time: 57, text: "Chapter 2"}, 
    ] 
}); 

看到這裏的例子 - http://www.sampingchuang.com/videojs-markers