如何使用popcorn.js暂停和播放视频

Question

我想建立一个视频页面，视频会自动停止播放5秒，但我不知道如何使用popcorn.js。

此外，我需要设置一个按钮，以便在用户点击时重播视频。我有按钮，但我不知道如何创建一个事件来重新播放视频。

如果有人知道如何做到这一点，我会很高兴，因为我是一个电影制作人，而不是程序员，我迷失了javascript。

我愿意回报。如果您对视频编辑或制作或动画有任何需求，请随时与我联系。

谢谢！

Answer 1

您可以通过利用视频元素的timeupdate事件来完成此操作。假设页面上的视频元素名为video，代码看起来像这样：

document.getElementById('video').timeupdate = function () {
    var video = document.getElementById('video');
    if (video.currentTime == 5) {
        video.pause();
    }
};

然后使用按钮，您只需附加到onclick事件并播放视频：

document.getElementById('playButton').onclick = function () {
    var video = document.getElementById('video');
    video.play();
}