Webサイトに設定した音楽が流れない件について教えてください。

Webサイト制作の勉強をしています。
JavaScriptを使い、サイトを開くと音楽が流れる仕組みにしました（「音楽が流れる前に、音が流れることの断り書きを表示させています）。
ブラウザはMicrosoft Edgeで、PCだったらうまく流れるのですが、なぜかスマホだと流れません(Microsoft Edgeのアプリを使用しました）。
これは、レスポンシブデザインをきちんと行っていないことが原因でしょうか？
スマホの方にはまったく手が回っておらず、サイト自体の表示崩れがひどいです。

ちなみに、PCの方ではGoogle chromeとInternet Explorerで動作を確認しましたが、どちらも一部表示崩れがあり、音楽は流れませんでした。
こちらについては、別途JavaScriptの記述が必要だとネットを調べているうちにわかったのですが、スマホの方はどうもわかりません。
Edgeを使ったのに、再生されない原因は何でしょうか。

No.2 回答者： Ogre7077 回答日時： 2021/02/05 14:59

どのような仕組みで演奏しているか定かではありませんが...

<audio> の autoplay 属性を使用すれば、
たいていの環境で自動再生できるようなのでお勧めです。
https://developer.mozilla.org/ja/docs/Web/HTML/E …

ただし自動再生が失敗する条件がいくつかあるので、
以下の案内に従って対策してください。
https://developer.mozilla.org/ja/docs/Web/Media/ …

No.1 回答者： 大好きカピバラ 回答日時： 2021/02/04 23:39

開発するのにEdgeはあまり良くないかもです。

(あくまでも個人的な意見に過ぎませんが)
開発するにしても確認するにしても、google ChromeかSafariがいいと思います。
再度Google ChromかSafariで確認してみては如何でしょうか？携帯でもパソコンでも