Video: Not able to load any video extension in iOS device on safari or chrome browser

[vidhyeshpatil]

Describe the bug

When using Vite.js (version 5.4.1) with React.js and the "@cyntler/react-doc-viewer" library, videos fail to load on iOS devices (Safari and Chrome). This results in a 206 Error: Partial Content. Despite attempting multiple solutions and ensuring that the uploaded video files are compatible with Safari's requirements, the video playback, preview, and thumbnail are still not functional.

Reproduction

NA

Steps to reproduce

NA

System Info

NA

Used Package Manager

npm

Logs

NA

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[github-actions]

Hello @vidhyeshpatil. Please provide a minimal reproduction using a GitHub repository or StackBlitz. Issues marked with needs reproduction will be closed if they have no activity within 3 days.