Google Chromeで動画が自動再生されない

Web制作

メインビジュアルの背景などで動画を使用しているサイトは要注意です!

Google Chromeのバージョン66では音声付きメディアの自動再生が制限されるように仕様が変更されたようです。

<video id="movie01" width="100%" height="500" preload="none" autoplay loop muted >
<source src="movie.mp4" type="video/mp4" />
</video>

videoタグに「muted属性」を付与すると問題なく再生できました!