Iphone not playing video in product gallery

Store Design
,

Topic summary

Product gallery video plays on Android, PC, and Mac but not on iPhones. The poster tried multiple formats (mp4, mov) and even embedding via Vimeo, without success; a product link is provided.

Suggested causes and fixes:

  • Re-encode the video to H.264 (older iPhones may not support HEVC/H.265).
  • If using a hosting platform (e.g., Vimeo), verify settings allow iOS playback and that the embed is iOS-compatible.
  • If self-hosting, use the HTML5 video tag with proper fallback sources (e.g., mp4, webm) for broader compatibility.
  • Check for cross-origin (CORS) configuration if the video is served from another domain, as iOS may block playback.

Re-encoding with HandBrake to H.264 was recommended. No confirmation of a fix yet; the issue remains unresolved pending further testing.

Summarized with AI on December 13. AI used: gpt-5.
1

I have added a video (mp4 and mov) to the media of one of my products.

The video plays on Android, PC and Mac, but for some reason is does not play on Iphones.

I have tried everything I could find on the internet, inlcuding making it a vimeo etc. But nothing works, can someone here help me if they know the issue?

Link to product:
https://www.j2scooters.nl/products/vespa-sprint-e5-aston-martin-grey-metallic

2

Hi @florisvanvoorst

The issue with the video not playing on iPhones is likely due to compatibility or format restrictions. Here are possible solutions:

  1. Format Compatibility: Ensure the video is encoded in H.264 codec, which is widely supported on iPhones. HEVC (H.265) might not work well on older devices.
  2. Hosting Platform: If you’re embedding via Vimeo or similar, ensure that settings allow playback on all devices, and that the embed code is compatible with iOS browsers.
  3. HTML5 Video Tag: If self-hosting, use the HTML5 video tag for maximum compatibility, and ensure fallback formats (mp4, webm) are provided.
  4. Cross-Origin Issues: If hosted externally, ensure your server is configured to allow cross-origin requests, as iOS may block these otherwise.

You could test re-encoding the video with HandBrake to H.264 or use a more iOS-friendly hosting platform to solve the problem.

If you have other questions, I am willing to answer them too.

Best regards,

Daisy