Chrome66以降で音声付き動画の自動再生がされなくなった。
某案件で動画を自動再生していたサイトがあり、案の定Chrome66で自動再生されないということで依頼を受けて調査した。
回避策としてはvideoタグにmuted属性をつけることなので何も考えることなくmuted属性をつけてデバッグを開始。
ところがmuted属性を付与したvideoが自動再生されないではないか。
全くわけわからん...と丸一日考え込んでいたが、原因は意外なところにあった。
原因はサイト全体で利用していたVue.js。
調べたところVue.jsの2.5.3より前のバージョンではvideoタグのmuted属性の取り扱いにバグがあったよう。
なのでバージョンを2.5.3以上のVue.jsを利用するように変更するだけで動画の自動再生が正常に働く。
動画の自動再生でハマった人はVue.jsのバージョンも疑ってみましょう。