複数のタブ間で jQuery を使用して HTML5 ビデオの再生を制御するにはどうすればよいですか?

jQuery を使用した HTML5 ビデオ再生の制御

この記事では、jQuery を使用した HTML5 ビデオ再生の管理に関するガイダンスを提供します。当面の問題の解決策、つまり 6 つのタブのあるインターフェイスの別々のタブで 2 つのビデオ クリップを制御する方法を詳しく見てみましょう。各ビデオは、そのタブがクリックされると再生を開始し、別のタブがアクティブになると一時停止する必要があります。

ビデオの再生を制御する最初の試みは次のとおりでした。

$('#playMovie1').click(function(){
  $('#movie1').play();
      });

ただし、再生が開始されることに注意することが重要です。は jQuery 関数ではありません。代わりに、これは DOM 要素のメソッドです。 jQuery を使用して呼び出すには、要素自体をターゲットにする必要があります:

$('#videoId').get(0).play();

ここで、get は jQuery の選択範囲からネイティブ DOM 要素を取得します。

したがって、コードは次のようになります。 :

$('#playMovie1').click(function(){
  $('#movie1').get(0).play();
      });

このアプローチを採用すると、各ビデオ クリップは、そのタブが選択されると再生を開始し、別のタブが選択されると再生を停止します。クリックしました。

以上が複数のタブ間で jQuery を使用して HTML5 ビデオの再生を制御するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。