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

使用video.js markerReached函数更新按钮类

1 个答案: