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