从html5视频调用特定持续时间的函数

时间:2016-09-28 12:39:07

标签: javascript html5 video

我想在html5视频的特定时间调用一个函数。

<video id="vidplayer" height="605px" width="500px">
<source src="media.mp4#t=17,21" type="video/mp4" id="vidmedia"></source>
</video>

此视频仅在秒17-> 21之间播放。在21秒,我想调用另一个视频加载的功能。

使用“.onended”功能无效。

var vidplayer = $("#vidplayer").get(0);
var src = "newvideo.mp4";
vidplayer.onended = function(e) {
        $("#vidplayer").find("#vidmedia").attr("src", src);
        vidplayer.load();
        vidplayer.play();
        };

Thx

1 个答案:

答案 0 :(得分:1)

尝试使用onpause事件,因为视频实际上并未到达终点,因此它不会触发onended事件。

您还可以尝试ontimeupdate事件,并检查视频当前的位置(vidplayer.currentTime