MediaElement.js flash player和setCurrentTime()

时间:2012-04-02 07:49:01

标签: javascript flash html5 video mediaelement.js

我正在一个网站上工作,我们使用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是一个函数,它在达到当前章节的结束时间时停止视频。

0 个答案:

没有答案