[解決済み】JQueryを使用したHTML 5ビデオの再生/一時停止機能

質問

JQueryを使ってHTML5動画を制御しようとしています。タブ付きのインターフェースに2つのクリップがあり、全部で6つのタブがあり、他は画像だけです。タブがクリックされたときにビデオクリップを再生し、他のタブがクリックされたときに停止するようにしようとしています。

これは簡単なことなのですが、うまくいかないようです。ビデオを再生するために使用しているコードは次のとおりです。

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

video 要素を制御できるようにするには、関数で公開する必要があると読んだことがありますが、例が見つかりません。私はJSを使って動作させることができます。

document.getElementById('movie1').play();

何かアドバイスがあれば幸いです。ありがとうございます。

解決方法は？

あなたの解決策は、ここに問題を示しています --。 play は、jQuery の関数ではなく、DOM 要素の関数です。 したがって、DOM要素に対して呼び出す必要があります。 DOMネイティブ関数でこれを行う方法の例を示しています。 jQueryの同等の機能とは、もしこれを既存のjQueryの選択に合わせるために行うのであれば、次のようになります。 $('#videoId').get(0).play() . ( get は、jQuery の選択範囲からネイティブの DOM 要素を取得します)。