Fix iOS Video Playback Bug

$250-750 USD

Terminado

Publicado hace alrededor de 2 meses

$250-750 USD

Pagado a la entrega

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: - [login to view URL] - [login to view URL] You can also see attached a PDF with the current code and additional informations.

Mobile App Development

Next.js

Web Development

ID del proyecto: 40330725

Información sobre el proyecto

34 propuestas

Proyecto remoto

Activo hace 2 meses

¿Buscas ganar dinero?

Dirección de correo electrónico

Beneficios de presentar ofertas en Freelancer

Fija tu plazo y presupuesto

Cobra por tu trabajo

Describe tu propuesta

Es gratis registrarse y presentar ofertas en los trabajos

Adjudicado a:

@rafaelunag

$0 USD en 1 día

5,0

(12 comentarios)

5,3

34 freelancers están ofertando un promedio de $460 USD por este trabajo

@manpreetkaur991

Hello, I hope you're doing well! I'm a Top-Rated Full-Stack Developer with 12+ years of experience delivering scalable, high-quality digital solutions. I’ve completed 100+ projects across Node.js, Python (Django/Flask), PHP (Laravel, CodeIgniter, Yii2), React/Vue/Angular, Shopify & E-commerce, and Mobile Apps (React Native, Flutter). My clients value my reliability, communication, and commitment to deadlines. Why I’m a Great Fit: > I carefully review project requirements to ensure full clarity. > I deliver clean, maintainable, and scalable code. > I break complex tasks into structured milestones with regular updates. > I work seamlessly across time zones using Jira, Asana, and Basecamp. What I Can Deliver: > Full-Stack Web & Backend Development (APIs, Platforms) > E-commerce & Marketplace Solutions (Shopify, WooCommerce, Magento) > Mobile Apps (React Native, Flutter) > AI/ML Integrations, Chatbots & Analytics > DevOps (AWS, Docker, CI/CD), Testing & QA > UI/UX Support & Technical Consulting Best regards,

$500 USD en 7 días

4,6

(9 comentarios)

5,2

@pasion0128

★•══•★ Hi client ★•══•★ I’m Rico Navarro Pasion. Please call me “Passion,” just like my last name. I bring over 10 years of experience in web and mobile development. Estimated timeline: 2–4 days for full diagnosis, fix, and device verification. Proposed budget: $250 USD. I’m confident I can solve this iOS video freeze reliably and get your TestFlight version fully functional. Given the opportunities to apply my passion and expertise to your project, I am sure I will complete it perfectly on time and on budget. Let me know once you ready to start this. Best regards, Rico Navarro Pasion

$250 USD en 2 días

5,0

(4 comentarios)

3,8

@ryans084

Hi, Thank you for sharing detail. I have experience for fix such issue. Can you share your website url to show this video? Sincerley. Ryan

$300 USD en 2 días

5,0

(4 comentarios)

3,2

@johnedwardl

Howdy. I took a glance at video and pdf you attached. This looks like a classic iOS Safari media case where the video element is rendering the poster or first decodable frame, but playback stalls because Safari is stricter about streamability and codec/container details than Android or desktop. What you would get back is a clean diff, root-cause explanation, and a fix that keeps Android and desktop behavior intact. I can handle this project perfect within tight timeline. Let me know. Thank you, John

$500 USD en 7 días

5,0

(2 comentarios)

2,7

@nassimgho

Hi, Your issue with videos loading but not playing on iOS Safari is clear, and the critical part here is how iOS handles video encoding, headers, and playback policies differently from other platforms. My approach is precise and production-safe: I’ll first inspect the video sources, headers, and encoding (H.264 vs HEVC, MIME types, range requests), then adjust the <video> implementation to comply with iOS Safari requirements (playsInline, muted handling, preload, proper source types), and finally ensure server responses support byte-range streaming so playback and scrubbing work correctly. I’ve handled Safari-specific media quirks before, so I know how to resolve cases where videos render but fail to play due to subtle compatibility issues. I’ll provide a clean code diff with explanation and verify on iOS 16 and 17 to ensure consistent playback without breaking SSR or other browsers. Best regards.

$700 USD en 3 días