動画をつけたポートフォリオを制作中。パソコンでは反映されています。しかし、携帯では反映されません。

Question

前提・実現したいこと

パソコンでは動画が反映されていますが、アイフォンだと動画が反映されていません。

該当のソースコード

  <video id="bg-video" src="video/soccer.mp4" preload="none" muted loop autoplay playsinline></video>
```css
#bg-video{
  width:100%;
  display:block;
}

### 試したこと

ネットで2時間ほど調べて、全部やってみましたが反映されませんでした。

### エックスサーバーと、filezillaを使っています。

Answer 1

動画のエンコードの種類によっては、再生できる端末が限られることがあります。

iOSの場合、MP4はH.264＋AAC形式でないといけないようです（MDN）。