Chromeで音楽を自動再生したい

###前提・実現したい事
HTMLでウィンドウを読み込んだ瞬間に動画を自動再生するようなプログラムを書きたいのですが、動画だけが再生されて音声が再生されません。再生されないのはGoogleChromeでFirefoxでは現在のソースでも動きます。

###該当のソースコード

HTML
1<html>
2    <body>
3        <video id="abc" src="./abc.mp4" autoplay muted></video>
4        <iframe src="./muted.mp3" allow="autoplay" loop style="display:none"></iframe>
5        <audio src="./abc.mp3" autoplay loop style="display:none"></audio>
6    </body>
7</html>

###試したこと
最初はabc.mp4だけ用意していたのですがvideo要素にmutedを設定しないと動画が再生されなかったので、別ファイルで音声も用意して再生することにしました。
iframeだと自動再生されるとあったのでiframeで埋め込んでみても音は出ませんでした。
terateilに似た質問を見かけ、その解決策に無音のmp3をiframeで埋め込んで解決とあったので、今提示しているソースを試してみてもChromeでは音声が再生されませんでした。

行動規範の内容に同意します

回答1件

ベストアンサー

＞読み込んだ瞬間に動画を自動再生するようなプログラムを書きたいのですが、動画だけが再生されて音声が再生されません。
Chrome等最新のブラウザは初期で自動的に音声がブロックされるようになっています。
音声を再生するにはユーザーのクリックイベント等が必要になったりとします。

有効にしたい場合はサイトの設定から音声＝自動を許可に変更すれば流れるはずです。(もちろん個人の場合)

また、youtube等で自動的に再生されるのはChromeは初期で「ユーザーが自動再生を許可しそうなサイト」のみ自動再生を許可するためです。

投稿2019/11/20 13:12

Res

総合スコア184

ohyama

2019/11/20 13:47

回答ありがとうございます。おかげで音声の自動再生が出来ました。ちなみになのですが、JavaScriptでクリックイベントを無理矢理発生させて音声を自動再生させるといった荒業は可能なのでしょうか？

Res

2019/11/21 09:02

それはできるとおもいますがやめておくのがいいと思います。万が一その手で実装し、アップデート等修正が来た場合に動かなくなってしまうだけでなく、エラーによりほかのJavaScriptも動かなくなってしまう可能性があります。たくさんアクセスをもらい、ユーザーに「自動再生を許可しそうなサイト」に登録されるのを待つくらいですかね(可能性低)

Res

2019/11/21 09:03

(また、解決した場合質問を解決済みにしましょう。)

行動規範の内容に同意します