react-native-video

🎬 <Video> component for React Native

Documentation

documentation is available at docs.thewidlarzgroup.com/react-native-video/

Examples

You can find several examples demonstrating the usage of react-native-video here.
These include a basic usage and DRM example (with a free DRM stream).

Usage

1// Load the module
2
3import Video, {VideoRef} from 'react-native-video';
4
5// Within your render function, assuming you have a file called
6// "background.mp4" in your project. You can include multiple videos
7// on a single screen if you like.
8
9const VideoPlayer = () => {
10 const videoRef = useRef<VideoRef>(null);
11 const background = require('./background.mp4');
12
13 return (
14   <Video 
15    // Can be a URL or a local file.
16    source={background}
17    // Store reference  
18    ref={videoRef}
19    // Callback when remote video is buffering                                      
20    onBuffer={onBuffer}
21    // Callback when video cannot be loaded              
22    onError={onError}               
23    style={styles.backgroundVideo}
24   />
25 )
26}
27
28// Later on in your styles..
29var styles = StyleSheet.create({
30  backgroundVideo: {
31    position: 'absolute',
32    top: 0,
33    left: 0,
34    bottom: 0,
35    right: 0,
36  },
37});

Community support

We have an discord server where you can ask questions and get help. Join the discord server

Enterprise Support

📱 react-native-video is provided as it is. For enterprise support or other business inquiries, please contact us 🤝. We can help you with the integration, customization and maintenance. We are providing both free and commercial support for this project. let's build something awesome together! 🚀