Documentation

Usage

// Load the moduleimportVideo,{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.constVideoPlayer=()=>{constvideoRef=useRef<VideoRef>(null);constbackground=require('./background.mp4');return(<Video// Can be a URL or a local file.source={background}// Store referenceref={videoRef}// Callback when remote video is bufferingonBuffer={onBuffer}// Callback when video cannot be loadedonError={onError}style={styles.backgroundVideo}/>)}// Later on in your styles..varstyles=StyleSheet.create({backgroundVideo:{position:'absolute',top:0,left:0,bottom:0,right:0,},});

Supported by