我正在一个网站上工作,我们使用MediaElement.js作为我们的视频播放器。我正在尝试为播放器创建一个“章节”功能,您可以点击播放器下方的链接,其中包含章节的开始和结束时间,然后使用MediaElement播放两个时间戳之间的视频部分.js的setCurrentTime功能。
我已经让它与HTML5播放器完美配合。我的问题是浏览器不支持HTML5视频或MP4视频的原生播放,因此可以回到Flash播放器。
如果您在播放部分视频之前单击其中一个章节链接,则播放器首先尝试从指定的开始时间播放,但无法跳回视频的开头。如果您在点击章节链接之前播放了视频的一部分,则会在指定的启动时间内播放。
以下是我用来从章节链接启动视频的javascript:
$('#videoChapters a').click(function () {
startTime = $(this).attr('data-start');
endTime = $(this).attr('data-end');
snPlayer.player.play();
snPlayer.player.setCurrentTime(startTime);
snPlayer.addEventListener("timeupdate", stopTimer);
});
snPlayer是MediaElement.js播放器,它在代码的前面定义。 stopTimer是一个函数,它在达到当前章节的结束时间时停止视频。