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

How to pause and play a video with popcorn.js

本文关键字：播放 视频 暂停 js 何使用 popcorn      更新时间：2023-09-26

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

另外，我需要设置一个按钮，当用户点击时重播视频。我有按钮，但我不知道如何创建一个事件，使视频再次播放。

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

我很乐意回报你的好意。如果您需要任何关于视频编辑或制作或动画的信息，请随时与我联系。

您可以通过利用video元素的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();
}
相关文章：