HTML5视频如何通过点击进行的测试来重播视频？

Question

<video onended="prtlog('play again?');">

当视频结束时,视频下方会显示"再次播放".

如何更改/添加代码到我的程序,然后当用户点击"再次播放"时,视频将再次播放？

Answer 1

如果您想在视频中添加重播按钮,请检查curVid.currentTime == curVid.duration并显示按钮.该按钮的代码如下.您可以随时显示按钮,并始终重新启动视频.

var curVid = getElementById('videoClip');

$(document).on('click','#replayBtn',function(){
    curVid.pause();
    curVid.currentTime = '0';
    curVid.play();
});