JavaScript - ページに複数のビデオ、ビデオ、イベントをバインドする方法は?再生するものをクリックすると、最初のものだけが再生されます。

Question

タイトルにあるように、私のページにはいくつかのビデオがあります。ビデオの構造と名前はすべて同じです。私が達成したいのは、統一された方法でイベントをそれらにバインドすることです。どれをクリックすればよいですか?遊び始めますか？それを修正するにはどうすればよいですか?
js:

リーリー

HTML:

リーリー

Answer 1

現在クリックされているブロックのビデオタグを見つけて操作するには

リーリー

Answer 2

問題はこの文にあります:

リーリー

ビデオタグを取得し、タグ名ビデオに基づいて疑似配列オブジェクトを返します。次の[]はオブジェクトのインデックス値です。したがって、毎回最初のビデオのみが再生されます。配列のインデックスは 0 から始まります)。
クリックしたタグを再生したい場合は、for ループを使用して擬似配列を走査し、添え字を使用して対応する再生するタグを決定できます

Answer 3

イベント委任イベント $(document).on('click','xx',fn(){});を通じて、現在クリックされている要素を取得します