TheWidlarzGroup
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,
},
});Roadmap
You can follow our work on the library at Roadmap.
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! 🚀
<picture> <source media="(prefers-color-scheme: dark)" srcset="./docs/assets/baners/twg-dark.png" /> <source media="(prefers-color-scheme: light)" srcset="./docs/assets/baners/twg-light.png" />
</picture>