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

Question

video 要素を含む HTML があり、コントロールやビデオを再生するボタンはありません。しかし、ボタンを使用してビデオを再生しようとしても、何も起こりません。コンソールでエラーが発生せず、ビデオが再生されません。何が間違っているのか分かりません。 video タグに control 属性を追加すると、ビデオは完璧に再生されますが、私の目標は、ブラウザー コントロールを使用して独自のコントロールを構築することではありません。これが私のコード例です。ソースが機能するように、ここではこのランダムなビデオを使用しました。誰かが助けてくれることを願っています。前もって感謝します。コントビデ

P粉328911308 · Answer

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

リーリー

P粉852578075 · Answer

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

リーリーリーリー