Chromeで背景動画が再生されない!?

数年前に公開したページでなぜか不具合が起きるようになりました。
Chromeで背景動画が再生されないことがあるようです(することもある)。
公開当時は問題なかったのですが、仕方ないので調査開始です。

どうやらキャッシュをクリアすると動画が再生されないみたいで、リロードすると再生されますね。

調べた結果、4月ごろリリースのChrome66が原因でした。
このバージョンから音が出る動画は自動再生されないということは知っていました。
使っている動画は音声なしの動画だったので関係ないと思っていましたが、どうも音声なしの動画であっても対象となるようです。
この場合はvideoタグでmp4を置いているだけなので “muted” 属性を付加すればいいだけです。
これだけで直りました!

しかしまだ疑問が残ります。

「なぜリロードすると再生されたのか?」

さらに調査してわかりました。
https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

このページの下記の記述が答えでした。

Autoplay with sound is allowed if:
User has interacted with the domain (click, tap, etc.).
On desktop, the user’s Media Engagement Index threshold has been crossed, meaning the user has previously play video with sound.
On mobile, the user has [added the site to their home screen].

そのドメインでユーザーがクリックやタップなどをしていた場合は自動再生が可能となるためですね。

これで一件落着です。

参考にしたページ:
https://souken-blog.com/2018/05/08/chrome-movie/
https://kinko25.tech/blog/chromeだけvideoタグを使った動画が再生できない問題について/