[解決済み] HTML5 Video 要素が再生中かどうかを検出する [重複] 。

質問

HTML5要素が再生されているかどうかを調べるためにいくつかの質問に目を通しましたが、答えを見つけることができません。W3ドキュメントを見たところ、"playing"という名前のイベントがありましたが、それを動作させることができないようです。

これは私の現在のコードです。

var stream = document.getElementsByTagName('video');

function pauseStream() {
  if (stream.playing) {
    for (var i = 0; i < stream.length; i++) {
      stream[i].pause();
      $("body > header").addClass("paused_note");
      $(".paused_note").text("Stream Paused");
      $('.paused_note').css("opacity", "1");
    }
  }
}

どのように解決するのですか？

注：この回答は2011年に出されたものです。HTML5動画に関する最新のドキュメントをご確認の上、お進みください。

動画が一時停止しているかどうかを知りたいだけであれば、フラグの stream.paused .

video要素には、再生状態を取得するためのプロパティはありません。しかし、再生が開始されるとトリガーされるイベント "playing" が存在します。また、再生が停止したときにも、"ended" というイベントが発生します。

というわけで、解決方法は

1. 1つの変数を宣言する ビデオステータス .
2. ビデオのさまざまなイベントに対するイベントハンドラを追加します。
3. 更新 ビデオステータス をイベントハンドラで更新します。
4. 使用する videoStatus を使用して、動画のステータスを識別します。

このページでは、動画のイベントについての理解を深めることができます。このページで動画を再生し、イベントがどのようにトリガーされるかを確認します。

http://www.w3.org/2010/05/video/mediaevents.html