音や動画の自動再生が止められた

NotAllowedError: play() failed because the user didn't interact with the document first.

よくある原因

1. ページを開いてすぐ、音付きの動画や音楽を再生しようとした

自分で確かめること

• 再生を、ボタンを押したときに始める作りになっているか見る

たいていは、こうすると直ります

「再生」ボタンを押したときに再生するか、動画なら muted（消音）にして自動再生します。

AIへの伝え方

下の文をコピーして、ChatGPT・Claude・Cursor などに貼り付けてください。トップで貼り付けたエラー文があれば、自動でそれに入れかわります。

次のエラーが出て困っています。プログラミング初心者にもわかるように、原因と直し方を教えてください。必要なら、直したコードも全部見せてください。

【エラー】
NotAllowedError: play() failed because the user didn't interact with the document first.

【やったこと】
（ここに、エラーが出る前にしたことを書く。例：npm run dev を実行した）

【参考】
このエラーは「音や動画の自動再生が止められた」というもので、よくある原因は次のとおりです。
・ページを開いてすぐ、音付きの動画や音楽を再生しようとした

どれに当てはまるかを確かめる方法も教えてください。

NotAllowedError: Permission denied