Question

我正在制作HTML5视频播放器。我希望它能让电影停止播放时执行

video.pause();
video.currentTime=0;
document.getElementById('message').innerHTML="Finished";

我尝试了这个但是没有用

function rewsi() {
var video = document.getElementsByTagName('video')[0];
if (video.currentTime==video.duration) {
    video.pause();
    video.currentTime=0;
    document.getElementById('message').innerHTML="Finished";
}

}

任何人都有这个问题的解决方案？问题=我缺乏JavaScript知识

Answer 1

看下面的问题并且asnwer：

HTML5 <video> callbacks?

我会指定一个回调，以便在视频实际结束时执行：

var Media = document.getElementsByTagName('video')[0];
var Message = document.getElementById('message');

Media.bind('ended',function(){
     Message.innerHTML = "The media file has completed";
});

你还说过，当媒体“停止”你想暂停视频时，你能说出你这样做的动机吗？

议程上的下一步是视频重置，如果媒体停止，您似乎想要将媒体的位置设置为开头，您必须首先确保您确定视频尚未暂停，因为如果用户去煮一杯咖啡，你不想重置位置。

如果您只想在电影实际结束时设置媒体位置，那么这将毫无意义（除非您有正当理由这样做），之所以毫无意义，是因为用户点击后播放已经结束，html5媒体播放器采取的默认动作是将位置设置为0。

上述解决方案应该适合您。

我建议您使用Kaltura HTML5 Video Library来帮助您管理媒体播放器。

Answer 2

首先，您只需在video.ended上添加条件即可检查视频是否已结束。然后，您可以使用this.currentTime(0);

设置时间

如果视频=持续时间停止和倒带

2 个答案: