デフォルトのオーディオ コントロールを非表示にしたいが、サウンドを自動的に再生したい場合
audio
要素がまたはdisplay: none
に設定されている場合、オーディオはロードされますが、自動再生されません。visibility: hidden
これは、この場合、ブラウザがオーディオ要素を「非表示」としてマークし、自動再生を妨げているためです。
or を使用する代わりに、スタイル設定にopacity
属性などを使用できます。position: absolute; left: -9999px;
display: none
visibility: hidden
これにより、オーディオ要素が正しく読み込まれ、自動的に再生できるようになります。