javascript - popcorn.js で動画を一時停止して再生する方法

Question

動画の再生が 5 秒で自動的に停止する動画ページを設定しようとしていますが、popcorn.js でそれを行う方法がわかりません。

さらに、ユーザーがクリックしたときにビデオを再生するボタンを設定する必要があります。ボタンはありますが、ビデオを再度再生するためのイベントを作成する方法がわかりません。

誰かがこれを行う方法を知っていれば、私は本当に喜んでいます。

私は好意を返すために開いています。動画の編集、制作、アニメーションに関することなら何でもお気軽にご相談ください。

Answer 1

timeupdateこれは、video 要素のイベントを利用して行うことができます。ページ上の動画要素の名前が であると仮定すると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();
}