HTML5視頻暫停和倒帶

Question

有什麼方法可以暫停和倒帶到0 HTML5視頻？或者只是停止？

我得到了一個jQuery彈出窗口，所以當有人點擊它時，彈出窗口出現，視頻播放，當你點擊關閉按鈕視頻暫停。所以我想要做的是，如果你再次點擊按鈕來顯示彈出窗口，視頻從開始位置（0秒）開始。

謝謝。

Answer 1

打開它（或關閉彈出窗口）並使用pause（）暫停它，然後將「currentTime」屬性設置爲0以返回到開頭，可以獲得對jQuery視頻元素的引用。

以下是對currentTime的參考documentation。

這裏是一個代碼示例：

var mediaElement = document.getElementById("video"); 
mediaElement.pause(); 
mediaElement.currentTime = 0; 

Answer 2

只需調用視頻元素的pause()方法即可。要重置時間，請將currentTime設置爲0（或者任何其他值，如果需要，以秒爲單位）。

Answer 3

爲了有一個正確的stop（暫停&倒帶）功能，你可以做到以下幾點：

var video = document.getElementById('vidId'); 
// or video = $('.video-selector')[0]; 
video.pause(); 
video.currentTime = 0; 
video.load(); 

注：這是對工作的唯一版本我在後臺使用nodejs（meteorjs），服務webm & ogg文件

Answer 4

要jQuery重置爲0秒視頻：

$('#video')[0].currentTime = 0; 

或者，在香草JS（雖然這上面指出）：

var video = document.getElementById('video'); 
video.currentTime = 0;