JavaScriptを使用してビデオを再生するにはどうすればよいですか?

Question

ビデオ要素を含む HTML がありますが、コントロールやビデオを再生するボタンはありません。 しかし、ボタンを使用してビデオを再生しようとしても、何も起こりません。

コンソールでエラーが発生せず、ビデオが再生されません。

何が間違っているのか分かりません。

video タグに control 属性を追加すると、ビデオは完璧に再生されますが、私の目標は、ブラウザー コントロールを使用して独自のコントロールを構築することではありません。

これは私のコードサンプルです。ソースが機能するように、ここではこのランダムなビデオを使用しました。

誰かが助けてくれることを願っています。前もって感謝します。

リーリー リーリー

Answer 1

eventListener の listener を次のように変更します:

リーリー

Answer 2

コードの問題は、video.play メソッドがイベント リスナー関数として提供されると、コンテキストが失われ、失敗することです。この問題は、メソッドを匿名関数にカプセル化することで解決できます。 以下の playButton.addEventListener(){...} 関数を確認してください:

リーリー リーリー