Skip to content

TheWidlarzGroup/react-native-video

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Folders and files

NameName
Last commit message
Last commit date
May 10, 2024
May 14, 2024
May 14, 2024
May 14, 2024
May 13, 2024
Dec 2, 2023
May 15, 2024
Sep 19, 2023
Oct 7, 2023
Apr 5, 2024
Oct 6, 2023
Jul 19, 2023
Oct 6, 2023
Nov 15, 2023
May 14, 2024
May 7, 2024
Jun 22, 2022
May 7, 2024
May 14, 2024
May 7, 2024
Oct 6, 2023
Oct 27, 2023

Repository files navigation

react-native-video

🎬 <Video> component for React Native

Note: version 5.2.1 won't have any updates. We are currently working on making a 6.0.0 fully stable

Documentation

documentation is available at thewidlarzgroup.github.io/react-native-video/

Usage

// Load the module

import Video, {VideoRef} from 'react-native-video';

// Within your render function, assuming you have a file called
// "background.mp4" in your project. You can include multiple videos
// on a single screen if you like.

const VideoPlayer = () => {
 const videoRef = useRef<VideoRef>(null);
 const background = require('./background.mp4');

 return (
   <Video 
    // Can be a URL or a local file.
    source={background}
    // Store reference  
    ref={videoRef}
    // Callback when remote video is buffering                                      
    onBuffer={onBuffer}
    // Callback when video cannot be loaded              
    onError={onError}               
    style={styles.backgroundVideo}
   />
 )
}

// Later on in your styles..
var styles = StyleSheet.create({
  backgroundVideo: {
    position: 'absolute',
    top: 0,
    left: 0,
    bottom: 0,
    right: 0,
  },
});

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! πŸš€

TheWidlarzGroup