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

Question

我正在尝试设置一个视频页面，让视频在5秒后自动停止播放，但我不知道如何使用popcorn.js。

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

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

我很乐意还你这个人情。如果您需要任何有关视频编辑、制作或动画的信息，请随时与我联系。

Answer 1

假设页面上的视频元素名为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();
}