mp4動画がiPhoneでだけ動画が表示されない

現象

videoタグでmp4の動画を背景に設定していたがiPhoneでだけ表示されない。。。

PC端末ではsafari,chromeどちらもレスポンシブで確認しても表示される、スマホ端末はAndroidでは表示される。

iPhone端末ではchromeとsafiri共に表示されない。

（再生されないのではなく、表示されない）

原因

mp4の走査方式が「プログレッシブ」方式なら再生が可能で、「インターレース」方式だと再生できないらしい。

この走査方式は専用ソフト等がないと確認できなさそう…(?)。

動画の変換をお願いして、入れ替えたところ表示されました👏

参考

【HTML5】iOSのSafariでvideoタグ埋め込みのmp4が再生できないのはインターレースだから