Skip to content

null2028/react-native-video

This branch is 34 commits behind TheWidlarzGroup/react-native-video:master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Dec 4, 2024
1033c9d · Dec 4, 2024
Nov 8, 2024
Dec 1, 2024
Nov 24, 2024
Dec 3, 2024
Dec 4, 2024
Dec 2, 2023
Dec 1, 2024
Sep 19, 2023
Oct 7, 2023
Apr 5, 2024
Oct 6, 2023
Jul 19, 2023
Oct 6, 2023
Nov 15, 2023
Nov 25, 2024
Oct 26, 2024
Jun 22, 2022
Nov 7, 2024
Jul 10, 2024
Nov 25, 2024
Jul 2, 2024
Nov 13, 2024
Oct 6, 2023
Jul 10, 2024

Repository files navigation

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

// 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

About

A <Video /> component for react-native

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Swift 31.4%
  • Kotlin 23.9%
  • Java 20.6%
  • TypeScript 16.9%
  • C++ 3.7%
  • Objective-C 2.7%
  • Other 0.8%