javascript - 如何使用 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();
}