以前までは、audioタグにautoplay属性を付与することで音声の自動再生が可能でしたが… <audio autoplay id="audio"> <source src="audio/source.mp3"> </audio> ChromeとSafariのメディア要素(<video>, <audio>)の自動再生におけるポリシーの変更され、下記のコードのようなclickイベントを使用しないとaudioタグの自動再生ができなくなりました。 <audio autoplay id="audio"> <source src="audio/source.mp3"> </audio> document.addEventListener('click', audioPlay); function audioPlay() { document.getElementById('audio').play
![ChromeとSafariでaudioタグを自動再生するための対策](https://cdn-ak-scissors.b.st-hatena.com/image/square/dec5b017fd025251484bda5aed2a4a164b584210/height=288;version=1;width=512/https%3A%2F%2Fwebty.jp%2Fstaffblog%2Fwp-content%2Fuploads%2F2018%2F11%2Fpexels-photo-69432-890x500.jpeg)