Fix iOS Video Playback Bug

$250-750 USD

Đã hoàn thành

Đã đăng vào 14 ngày trước

$250-750 USD

Thanh toán khi bàn giao

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

Mã dự án: 40330725

Về dự án

36 đề xuất

Dự án từ xa

Hoạt động 11 ngày trước

Bạn muốn kiếm tiền?

Địa chỉ email

Lợi ích khi chào giá trên Freelancer

Thiết lập ngân sách và thời gian

Nhận thanh toán cho công việc

Phác thảo đề xuất của bạn

Miễn phí đăng ký và cháo giá cho công việc

Đã trao cho:

@rafaelunag

$0 USD trong 1 ngày

5,0

(11 nhận xét)

5,2

36 freelancer chào giá trung bình $469 USD cho công việc này

@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 trong 7 ngày

4,6

(9 nhận xét)

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 trong 2 ngày

5,0

(3 nhận xét)

3,2

@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 trong 2 ngày

5,0

(4 nhận xét)

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 trong 7 ngày

5,0

(2 nhận xét)

2,6

@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 trong 3 ngày