Movatterモバイル変換

TheWidlarzGroup/react-native-videoPublic

NotificationsYou must be signed in to change notification settings
Fork3k
Star7.5k

A <Video /> component for react-native

docs.thewidlarzgroup.com/react-native-video/

License

MIT license

7.5k stars 3k forks Branches Tags Activity

Star

Notifications

You must be signed in to change notification settings

Branches Tags

Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 2,473 Commits
.github		.github
.husky		.husky
android		android
docs		docs
examples		examples
ios		ios
scripts		scripts
src		src
windows		windows
.eslintignore		.eslintignore
.eslintrc		.eslintrc
.gitignore		.gitignore
.nvmrc		.nvmrc
.prettierrc		.prettierrc
.release-it.json		.release-it.json
CHANGELOG.md		CHANGELOG.md
CONTRIBUTING.md		CONTRIBUTING.md
LICENSE		LICENSE
README.md		README.md
app.plugin.js		app.plugin.js
package.json		package.json
react-native-video.podspec		react-native-video.podspec
shell.nix		shell.nix
tsconfig.build.json		tsconfig.build.json
tsconfig.json		tsconfig.json

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.

🔍 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 (viaoptional 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-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.

📚 Documentation & Examples

🚀 Quick Start

Install

# Install dependenciesyarn add react-native-video# Install podscd ios&& pod install

Usage

importVideofrom'react-native-video';exportdefault()=>(<Videosource={{uri:'https://www.w3schools.com/html/mov_bbb.mp4'}}style={{width:'100%',aspectRatio:16/9}}controls/>);

🧩 Plugins

1 · 📥 Offline SDK

Enable offline streaming with full control over downloads, license lifecycle, secure storage, and media access.

Track selection (bitrate, audio, subtitles)
Pause / resume & background queueing
Expiration & auto-cleanup
Built for Android & iOS
→Read the SDK Docs

2 · 🧪 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
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.

🌍 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 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 »