web-dev-qa-db-ja.com

HTML5ビデオの一時停止と巻き戻し

HTML5ビデオを一時停止して0に巻き戻す方法はありますか？または単に停止しますか？

JQueryポップアップが表示されたので、誰かがクリックするとポップアップが表示されてビデオが再生され、閉じるボタンを押すとビデオが一時停止します。したがって、私がやろうとしているのは、ポップアップを表示するためにボタンをもう一度クリックすると、ビデオが開始位置（0秒）から始まるということです。

ありがとう。

javascriptjqueryhtml5video
32
Alejandro Ar

Jqueryビデオ要素を開いて（またはポップアップを閉じて）jqueryビデオ要素への参照を取得し、pause（）を使用して一時停止し、「currentTime」プロパティを0に設定して最初に戻ります。

CurrentTimeの documentation への参照です。

コードサンプルを次に示します。

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

適切なstop（一時停止および巻き戻し）機能を使用するには、次の操作を実行できます。

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

注：これは、chromeバックエンドでnodejs（meteorjs）を使用して、webmおよびoggファイルを提供する]で機能した唯一のバージョンです

7
Matyas

Video要素のpause()メソッドを呼び出すだけです。時間をリセットするには、currentTimeを0（または必要に応じて秒単位のその他の値）に設定します。

5
Niet the Dark Absol

jQuery でビデオを0秒にリセットするには：

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

または、Vanilla JS（これは上記で指摘されていますが）：

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