react-native-video-wmark
v6.16.7
Published
A <Video /> element for react-native. Fork of react-native-video with added watermark text functionality
Readme
The most battle-tested open-source video player component for React Native with support for DRM, offline playback, HLS/DASH streaming, and more.
💧 Custom Features
🔤 Watermark Text Support
This custom fork introduces a watermarkText prop to display a moving watermark text overlay on top of the video player — useful for demo builds, licensing, or piracy prevention.
➕ Usage
import Video from 'react-native-video-fork';
export default () => (
<Video
source={{ uri: 'https://www.w3schools.com/html/mov_bbb.mp4' }}
style={{ width: '100%', aspectRatio: 16 / 9 }}
controls
watermarkText="Watermark Text"
/>
);
#### 🧩 Notes
- The watermark moves across the video dynamically.
- Compatible with all existing props and player functionality.
> ⚠️ This feature is exclusive to this custom fork and is **not** part of the official `react-native-video` package maintained by The Widlarz Group.
<br/>
Made with ❤️ by **Pranav Shinde**
## 🔍 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](https://www.thewidlarzgroup.com/services/free-drm-token-generator-for-video?utm_source=rnv&utm_medium=readme&utm_id=free-drm))
- 📴 Offline playback, video download, support for side-tracks and side-captions (via [optional SDK](https://docs.thewidlarzgroup.com/offline-video-sdk?utm_source=rnv&utm_medium=readme&utm_id=features-text))
- 🎚️ 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](https://www.thewidlarzgroup.com/blog/react-native-video-upgrade-challenges-custom-maintenance-support#how-we-can-help?utm_source=rnv&utm_medium=readme&utm_id=upgradev5) | 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](https://docs.thewidlarzgroup.com/react-native-video/)
- 📦 [Example: Free DRM Stream](https://www.thewidlarzgroup.com/services/free-drm-token-generator-for-video?utm_source=rnv&utm_medium=readme&utm_id=free-drm)
- 📦 [Example: Offline SDK integration](https://docs.thewidlarzgroup.com/offline-video-sdk)
## 🚀 Quick Start
### Install
```bash
# Install dependencies
yarn add react-native-video
# Install pods
cd ios && pod installUsage
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
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 how TWG helped Learnn ship a world‑class player in record time - case study.
Contact us at [email protected]
🌍 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 »

