In my production Next .js app every MOV and MP4 file loads on an iPhone 14 Pro Max or 15 Pro Max running iOS 16 and 17, yet tapping the play button leaves the video frozen on its first frame. The same HTML5 <video> element works flawlessly on Android and desktop Safari/Chrome, so the problem is clearly an iOS-specific quirk. What I need • Diagnose the root cause—whether it’s a MIME-type header, CORS, autoplay policy, HEVC/H.264 incompatibility, or any other Safari nuance. • Implement a clean, backward-compatible fix inside the existing Next .js codebase. A quick code snippet is fine as long as it’s production-ready and doesn’t break SSR or dynamic imports. • Show me exactly what changed (commit or diff) and why it solves the “video loads but doesn’t play” issue on the targeted devices. • Verify on at least one device running iOS 16 and one on iOS 17 before handing it back. Acceptance criteria 1. MOV and MP4 clips play, pause, and scrub normally on iPhone 14 / 15 Pro Max with iOS 16-17. 2. No regressions on Chrome, Firefox, or Android browsers. 3. Solution remains purely client-side (HTML5 player) unless server headers are proven necessary. I’ll provide a TestFlight link and GitHub repo access as soon as we agree on an approach. Show me prior experience tackling Safari video quirks or Next .js media issues and we can get started right away. Here are some links to videos that are not playing: - https://s3.us-west-004.backblazeb2.com/refcatprodbuck/593e8f84-7f2b-4fca-91de-a2342cf482e5-Cade_s_20Video_20-_20Jan_2026_2C_202026.mp4 - https://s3.us-west-004.backblazeb2.com/backblazetestbucket/81a5748f-eda6-460d-be5d-4f51c57ebb27-6747c23c-6092-4bad-b71c-173e25d3ad6d-IMG_1874.MOV You can also see attached a PDF with the current code and additional informations.