↗
↗
React Native + Web + HLS
React Native Cross Player
React Native and web video player wrapper with HLS, subtitles, proxy support, and a controller API for custom playback experiences.
iOS
Android
Web
TV
$
npm install react-native-cross-player
Copy
Read Docs
Try Media
HLS
Streams
VTT
Subtitles
4
Platforms
TS
Typed API
Player UI
VideoPlayer ships with a complete controls overlay for playback, subtitles, quality, source, rate, and fullscreen.
Controller API
Use usePlayerController when you want custom UI while keeping the hard playback logic in one place.
Media playground
Docs include a remote MP4, bundled VTT examples, and a URL tester for custom media.
Preview and code
The docs examples use the same Preview / Code switch throughout.
Preview
Code
VideoPlayerExample.tsx
Tears of Steel
Preparing video......
Video Sources
Tears of Steel
Captions Language
Subtitles Off
English
French
Video Quality
Playback Rate
0.5x
1x
1.5x
2x
Audio Tracks
00:00
-
00:00
Play
Pause
Sample URL
English VTT
French VTT
Load URL
The preview is rendered with the package VideoPlayer, so the visible controls are the custom player controls.
Components
Explore the player surface, controls overlay, and controller hook.
VideoPlayer
High-level player with built-in controls and callbacks.
View ->
PlayerControls
Reusable overlay driven by player state and resources.
View ->
usePlayerController
Hook for custom player surfaces and imperative controls.
View ->