iOS&Safariでvideoタグが機能しないときの解決方法

videoタグで動画を再生したいとき、パソコンのChromeだと正常に再生されたのですが、iPhoneのSafariで見てみると、なぜか再生されない。

解決方法

videoタグの中に「playsinline」を入れると正常に再生できました!

<video src="video.mp4" poster="alt.png" playsinline autoplay loop muted></video>

iOS&Chromeだとこれでも再生されないとかなんとか。(確認はしてないです)

再生されないときのためにもposterの指定はしておいた方がよさそうです。

コメント