[html]スマホのwebブラウザで自動再生される<video>の設定

youtubeとかの埋め込みが多いからなぁ。

前提条件とか前提知識とか

スマホのWEBブラウザでは無条件での動画自動再生を仕込むことはできない。

アクセスしただけで回線容量圧迫するのは最早罠だし、アクセスしただけで爆音が流れても誰も幸せにならないし、みたいな感じで素人考えでもアウトな理由が思いつくほどにはデメリットが有る。

とはいえ全く仕込めないわけじゃなくて、多分PC環境とかとの乖離がブラウザサイズ以外に出まくるのは良くないと思ったりしてるんでしょうね、一定条件下であれば大丈夫だよということになってる。

色々クリアしなければいけない条件がありますね。

しかしiOSだけかもだけど、省電力モードで省電力状態だと再生されないらしい。
諦めも肝心。

<video src="/movie.mp4" autoplay muted loop playsinline></video>

付与してる属性に注目。

autoplay	自動再生の根幹。
muted	自動再生させる絶対条件。
loop	1回だけの再生は見落としが発生するから大体ループさせる。
playsinline	インラインでの再生を許可する。

これらを付けておけば困ることはないはず。
ファイルへのリンク切れさえなければ再生されるはず。

簡単だけど知らないと詰む話。