Video
vue.js

Chrome v66.xで動画が自動再生されないので調べてみたらVue.jsのバグのせいだった

Chrome66以降で音声付き動画の自動再生がされなくなった。

https://it.srad.jp/story/18/03/23/2129218/

某案件で動画を自動再生していたサイトがあり、案の定Chrome66で自動再生されないということで依頼を受けて調査した。

回避策としてはvideoタグにmuted属性をつけることなので何も考えることなくmuted属性をつけてデバッグを開始。

ところがmuted属性を付与したvideoが自動再生されないではないか。

全くわけわからん...と丸一日考え込んでいたが、原因は意外なところにあった。

原因はサイト全体で利用していたVue.js。

調べたところVue.jsの2.5.3より前のバージョンではvideoタグのmuted属性の取り扱いにバグがあったよう。

なのでバージョンを2.5.3以上のVue.jsを利用するように変更するだけで動画の自動再生が正常に働く。

動画の自動再生でハマった人はVue.jsのバージョンも疑ってみましょう。