๐ฌ <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 is available at react-native-video.github.io/react-native-video
if you find some issue with new version, don't hesitate to open a ticket! Also Old version can be found here
// 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,
},
});
We have an discord server where you can ask questions and get help. Join the discord server
๐ฑ 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! ๐