更新按钮类与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