- Notifications
You must be signed in to change notification settings - Fork0
A <Video /> component for react-native
License
NextFaze/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 →
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 |
| 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
Packages0
Languages
- Swift31.3%
- Kotlin25.1%
- Java20.1%
- TypeScript15.6%
- C++3.5%
- Objective-C2.4%
- Other2.0%
