react-native-video

The most battle-tested open-source video player component for React Native with support for DRM, offline playback, HLS/DASH streaming, and more.

🔍 Features

• 📱 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 (via optional SDK)
• 🎚️ Fine-grained control over tracks, buffering & events
• 🧩 Expo plugin support
• 🌐 Basic Web Support
• 📱 Picture in Picture
• 📺 TV Support

✨ Project Status

Version	State	Architecture
v5 and lower	❌ End-of-life Commercial 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.

📚 Documentation & Examples

• 📖 Documentation
• 📦 Example: Free DRM Stream
• 📦 Example: Offline SDK integration

🚀 Quick Start

Install

# Install dependencies
yarn add react-native-video

# Install pods
cd ios && pod install

Usage

import Video from 'react-native-video';

export default () => (
  <Video
    source={{ uri: 'https://www.w3schools.com/html/mov_bbb.mp4' }}
    style={{ width: '100%', aspectRatio: 16 / 9 }}
    controls
  />
);

🧩 Plugins

1 · 📥 Offline SDK

Need Offline Video Playback in React Native?

If you're building a video-first app and need to download HLS streams for offline playback, you're in the right place.

👉 Check Offline Video SDK for React Native

This SDK supports:

• 🎞 Offline HLS playback
• 🎧 Multi-language audio track downloads
• 💬 Subtitles support
• 🔐 DRM license handling
• 📊 Analytics & state tracking

🔑 How to get access?

• Get a free trial (no credit card required)
• Use our starter project to see it in action
• Integrates with both v6 and v7 versions

👉 Start Free Trial on the SDK Platform →

2 · ⚡ Background Upload SDK

Need Reliable Video Uploads in React Native?

If you're building a video-first app and need to upload large video files reliably in the background, you're in the right place.

👉 Check Background Upload SDK for React Native

This SDK supports:

• 📤 Background video uploads
• 🔄 Automatic retry mechanisms
• 📊 Upload progress tracking
• 🛡️ Resume interrupted uploads
• 📱 Works when app is backgrounded
• 🔐 Secure upload handling

🚀 Perfect for Apps Uploading Large Media

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.

📞 Ready to Get Started?

Contact us to learn more about integrating background video uploads into your React Native application.

👉 Contact us at [e-mail]

3 · 🧪 Architecture

Write your own plugins to extend library logic, attach analytics or add custom workflows - without forking the core SDK.
→ Plugin documentation

💼 TWG Services & Products

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 how TWG helped Learnn ship a world‑class player in record time - case study.

Contact us at [e-mail]

🌍 Social

• 🐦 X / Twitter - follow product & release updates
• 💬 Discord - talk to the community and us
• 💼 LinkedIn - see TWG flexing

📰 Community & Media

• 🗽 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 Modules Watch on X »

• 🛠️ Well-maintained open-source library - What does it truly mean? - Bart's talk for React Native Warsaw Watch here »

• 📺 “Over the Top” Panel - Building Streaming Apps for Mobile, Web, and Smart TVs - Bart giving his insights on the industry Watch here »

Similar packages

Other packages similar to react-native-video

react-native-video-controls

The react-native-video-controls package provides a customizable set of video controls for the react-native-video component. It extends the functionality of react-native-video by adding a set of default controls that can be easily customized.

react-native-youtube

The react-native-youtube package allows you to embed YouTube videos in your React Native application. It provides a simple interface for playing YouTube videos and supports various YouTube player features, such as autoplay, fullscreen, and video quality settings.

react-native-vlc-media-player

The react-native-vlc-media-player package is a React Native wrapper for the VLC media player. It supports a wide range of video formats and provides advanced playback features, such as network streaming, subtitles, and hardware acceleration.