Go to file
2024-10-18 03:25:50 -06:00
.github docs: highlight maintainer services & update twg site links (#4214) 2024-10-05 11:21:50 +02:00
android Fix android build 2024-10-14 11:02:21 +02:00
docs Merge remote-tracking branch 'origin/master' into feat/web 2024-10-12 23:40:00 -06:00
examples Merge remote-tracking branch 'origin/master' into feat/web 2024-10-12 23:40:00 -06:00
ios Merge remote-tracking branch 'railbird/master' into feat/shaka 2024-10-12 23:52:26 -06:00
patches More hacks 2024-10-13 01:09:57 -06:00
scripts chore: enhance CI tests (#3344) 2023-12-02 15:58:43 +01:00
src Account for crop in progress 2024-10-18 03:25:50 -06:00
windows Merge branch 'master' into sdkVersion 2023-09-19 09:09:13 +02:00
.eslintignore
.eslintrc
.gitignore
.nvmrc
.prettierrc
.release-it.json
app.plugin.js
CHANGELOG.md chore: release v6.6.4 2024-10-03 08:32:35 +02:00
CONTRIBUTING.md
LICENSE
package.json Don't patch package anymore 2024-10-13 22:45:06 -06:00
react-native-video.podspec
README.md docs: highlight maintainer services & update twg site links (#4214) 2024-10-05 11:21:50 +02:00
shell.nix Update doc for web 2024-07-16 11:33:50 +07:00
tsconfig.build.json
tsconfig.json

react-native-video

🎬 <Video> component for React Native

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