Uh oh!
There was an error while loading.Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork3k
A <Video /> component for react-native
License
TheWidlarzGroup/react-native-video
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
The most battle-tested open-source video player component for React Native with support for DRM, offline playback, HLS/DASH streaming, and more.
- 📱 Plays all video formats natively supported by iOS/Android
▶️ Local and remote playback- 🔁 Streaming: HLS • DASH • SmoothStreaming
- 🔐 DRM: Widevine & FairPlay (See free DRM stream example)
- 📴 Offline playback, video download, support for side-tracks and side-captions (viaoptional SDK)
- 🎚️ Fine-grained control over tracks, buffering & events
- 🧩 Expo plugin support
- 🌐 Basic Web Support
- 📱 Picture in Picture
- 📺 TV Support
| Version | State | Architecture |
|---|---|---|
| v5 and lower | ❌ End-of-lifeCommercial Support Available | Old Architecture |
| v6 | 🛠 Maintained (community + TWG) | Old + New (Interop Layer) |
| v7 | 🚀 Active Development | Old + New (Full Support) |
react-native-video v7 introduces full support for the new React Native architecture, unlocking better performance, improved consistency, and modern native modules.
# Install dependenciesyarn add react-native-video# Install podscd ios&& pod install
importVideofrom'react-native-video';exportdefault()=>(<Videosource={{uri:'https://www.w3schools.com/html/mov_bbb.mp4'}}style={{width:'100%',aspectRatio:16/9}}controls/>);

If you're building a video-first app and need todownload HLS streams for offline playback, you're in the right place.
This SDK supports:
- 🎞 Offline HLS playback
- 🎧 Multi-language audio track downloads
- 💬 Subtitles support
- 🔐 DRM license handling
- 📊 Analytics & state tracking
- Get afree trial (no credit card required)
- Use ourstarter project to see it in action
- Integrates with both
v6andv7versions
👉Start Free Trial on the SDK Platform →

If you're building a video-first app and need toupload large video files reliably in the background, you're in the right place.
This SDK supports:
- 📤 Background video uploads
- 🔄 Automatic retry mechanisms
- 📊 Upload progress tracking
- 🛡️ Resume interrupted uploads
- 📱 Works when app is backgrounded
- 🔐 Secure upload handling
Whether you're building social media apps, content platforms, or enterprise solutions, our Background Upload SDK ensures your users can upload videos seamlessly without interruption.
Contact us to learn more about integrating background video uploads into your React Native application.
👉Contact us athi@thewidlarzgroup.com
Write your own plugins to extend library logic, attach analytics or add custom workflows -without forking the core SDK.
→Plugin documentation
| Offering | Description |
|---|---|
| Professional Support Packages | Priority bug-fixes, guaranteed SLAs,roadmap influence |
| Issue Booster | Fast-track urgent fixes with a pay‑per‑issue model |
| Offline Video SDK | Plug‑and‑play secure download solution for iOS & Android |
| Background Upload SDK | Reliable background upload solution for iOS & Android |
| Integration Support | Hands‑on help integrating video, DRM & offline into your app |
| Free DRM Token Generator | Generate Widevine / FairPlay tokens for testing |
| Ready Boilerplates | Ready-to-use apps with offline HLS/DASH DRM, video frame scrubbing, TikTok-style video feed, background uploads, Skia-based frame processor (R&D phase), and more |
| React Native Video Upgrade Guide | Common upgrade pitfalls & how to solve them |
See howTWG helpedLearnn ship a world‑class player in record time -case study.
Contact us athi@thewidlarzgroup.com
- 🐦X / Twitter -follow product & release updates
- 💬Discord -talk to the community and us
- 💼LinkedIn -see TWG flexing
🗽React Summit US – How TWG helped Learnn boost video performance on React Native.
Watch the talk »🧨v7 deep dive – Why we’re building v7 with Nitro ModulesWatch on X »
🛠️Well-maintained open-source library - What does it truly mean? - Bart's talk for React Native WarsawWatch here »
📺“Over the Top” Panel - Building Streaming Apps for Mobile, Web, and Smart TVs - Bart giving his insights on the industryWatch here »
About
A <Video /> component for react-native
Resources
License
Contributing
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Sponsor this project
Uh oh!
There was an error while loading.Please reload this page.
