iPhoneにて、videoタグの中身は同じでも動画ファイルが違うと再生されない。

Question

やりたいこと

背景動画としてvideoタグを設置し、自動再生を行いたいです。
動画ファイルはmp4形式になります。

問題

iPhoneでのみ、背景動画用の動画が流れないです。
PC、AndroidはChrome、Safari問題なく再生されます。
mp4とは別でwebmファイルも用意しましたが、こちらも再生されませんでした。。

動画ファイルはmp4で約6MB、webmのほうは約1MBになります。

コードは以下になります。

<video poster="./.../poster.png" src="./.../test.mp4" preload="none" loop muted autoplay playsinline>
  <p>video要素がサポートされていないブラウザでご覧になっています。</p>
</video>

動画ファイルの情報は以下になります。

分かっていること

• サンプルで用意したmp4ファイルを設定すると、そちらは再生されます。その際、コードはsrc部分のみしか変えておりません。
• ネットワークのほうを確認したところ、読み込みが途中で終わっている?ことを確認しました。

色々と調べてみてはコードをいじったりしたものの解決の糸口が全く見えず、質問させて頂きました。

ご教示いただけますと幸いです。
よろしくお願いいたします。

Answer 1

iOSで対応できる動画は、「H.264利用のMP4ファイル」がメインとなっています。WebMには非対応です（MDN）。

Comments

[azuk1]

ご回答いただきありがとうございます！

現在利用していた動画の情報は下記なのですが、こちらは再生できるはず。。という認識で合ってますでしょうか？
大きさ：1080 x 1920
コーデック：AAC、H.264
カラープロファイル：HD (1-1-1)
オーディオチャンネル：ステレオ

[azuk1]

すみません、自己解決いたしました。。
動画ファイル自体の走査方式を非インターレースで変換してみたところ、再生が可能になりました。

webmの非対応や、対応フォーマットなどについては明らかに勉強不足でしたので、大変参考にさせていただきました！
本当にありがとうございます。