我看过一个HTML5视频播放器,该播放器具有集成的章节,这些章节位于视频旁边的可滚动列表中。
当视频在时间线中到达某个点时,右侧的链接(章节)将突出显示。
有视频播放器可以实现这一目标吗?
请看下面的例子
http://www.marksandspencer.com/Believe-in-Magic-Sparkle/b/1369516031
我在几个月前创建了类似的东西:
http://codepen.io/jonigiuro/pen/xnwJf
但是我没有突出显示章节,而是在视频中添加了文字。这是通过默认的html5播放器和一些javascript实现的。该代码的重要部分是:
this.createCaption = function( current ) {
//Highlight the new chapter
}
this.destroyCaption = function( current ) {
//Unhighlight the last chapter
}
对于其余的内容,您可以使用我在上面的链接中找到的相同脚本。我希望这足够了,如果还不够,请写回。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句