スマホでVideoタグの動画を自動再生にする方法

サイトをつくる際に、スマホで動画をauto playできずに悩んだ経験のある方は少なくないと思います。
弊社のサイトもWORKSに動画を使っているのですが、スマホの場合は自動再生されないため、UA判別を行いGif動画を埋め込んでいます。
しかし、最近はスマホでもVideoタグの動画を自動再生にできる、私たちの努力をガン無視するような便利な仕様が登載されたようです。

電車などで突然音が流れるとビックリする等を考慮したhtmlの仕様上、消音のみ。
また、youtubeリンクなどのiframeは不可となり、若干制限はありますが、サイト制作の幅が広がると思います。

さっそくですが、やり方を。

方法はめっちゃ簡単!Videoタグに “autoplay muted playsinline” をつけるだけ。

(iOS10以降・safari/chrome/firefox/ Andoroid・chrome 検証済)
 
KOHIMOTOコーディング事例:VISIBLEX