HTML5 MP4 videos not working on iOS? Here's a fix.

10 May 2020

I’ve been trought a pickle these days trying to make a simple HTML5 video with a MP4 source load on iOS. It just wouldn’t load.

Long story short

  • Run your source file through Adobe Media Encoder
  • Choose Mobile 1080 HD preset
  • On Video Settings, click Match Source to keep the original dimensions
  • Still in Video Settings, uncheck the checkbox that locks Field Order and change it to Progressive
  • Play around with the target bitrate until your video is below 50mb
  • Render the queue

To sum up, the video should:

  • Be rendered with Field Order = progressive
  • Be below 50mb in total size

If you ever googled your issue and ended up in a StackOverflow thread reading about server headers and response codes you never heard of, maybe this would help. I hope the solution worked on your end! Maybe let me know ?