動画がアイフォンでのみ再生されるのが遅くなる原因を教えてください。

Question

前提・実現したいこと

サイトのヘッダーに動画を埋め込みアップしたところ、
アンドロイド、ウィンドウズ、マックブックでは問題なく再生されたのですが、アイフォンでだけ動画が再生されるまでの時間がびっくりするほどかかってしまい困っています。
長い時間待つと再生はされるのですがストレスを感じます。

ネットで解決策を探したのですがみつからず、原因がわかる方いらっしゃいましたらお教えください。

以下コードになります。

該当のソースコード

<video src="assets/video/header-movie.mp4" playsinline="" autoplay="" loop="" muted="" class="d-none d-md-block"></video>
<video src="assets/video/header-movie-mobile.mp4" playsinline="" autoplay="" loop="" muted="" class="d-block d-md-none"></video>

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[kuma_kuma_]

> アイフォンだけ時間がかかる
アイフォンが古い型や容量が不足しているとかはないのですか？
後、回線状況が違うとか？

[narumitanaka]

回答ありがとうございます。他動作はスムーズなので、アイフォン事態には問題無いと思います。

[kuma_kuma_]

それなら「mp4を.m3u8に変換」して分割されてみては？

Answer 1

うろ覚えですが、iOS系だと、videoタグでは動画を全て読み込んだ後の再生になるはずです。それの影響では？

Comments

[narumitanaka]

こちらを参考に動画事態の長さを短く容量を軽くし取り合えず間に合わせる形で落ち着きました。
ご回答ありがとうございました。