iPhoneで<video>タグで挿入したmp4が再生されない

はじめての質問になります。
mp4形式の動画がiPhoneのみ再生することができず困っています。
何卒よろしくお願い致します。

前提・実現したいこと

<video> タグで挿入したmp4動画をiPhoneで再生させたい。
(表示幅1280px以下の場合、縦横比を維持したまま横幅100%で再生させたい)

◇現状
・PCではmac、windowsで再生できている。
・スマホではandroidで再生できている。
・iPhoneで再生できないブラウザはsafari(iOSでもPCでは再生可能)
・mp4動画はAdoveAfterEffectCC H.264で書き出し、容量:2.9MB 再生時間:45s サイズ:1280*464　音声：なし

◆ HTML

<div id="movie">
　<video id="mv-movie" autoplay="autoplay" muted="muted" controls="controls" poster="./pos.jpg">
　　<source src="./mv.mp4">
　　<img src="./pos.jpg">
　</video>
</div>

◆ CSS

#movie{
width: 100%;
text-align:center;
}
#mv-movie{
width: 100%;
max-width: 1280px;
}

試したこと

<video>タグ内でwidth/heightを指定、playsinlineを記載

行動規範の内容に同意します

回答1件

ベストアンサー

posterで画像を指定しているので、

<img src="./pos.jpg">

こちら取って見たらどうでしょう？

あと、書き方の問題…ではないような気がしますが、省略形も一度試して見てください。

html
1<div id="movie">
2　<video id="mv-movie" poster="./pos.jpg" autoplay muted playsinline controls>
3　　<source src="./mv.mp4">
4　　<img src="./pos.jpg">
5　</video>
6</div>