Go to file
2024-04-18 10:11:15 +02:00
.github chore(ci): fix CI caching (#3586) 2024-03-15 12:11:46 +01:00
android fix(android): fixed bug where video would not be visible after remount and change of drm source (#3668) 2024-04-16 14:42:34 +02:00
docs feat(android): allow to disable selected functionalities (#3681) 2024-04-16 14:23:19 +02:00
examples feat(android): allow to disable selected functionalities (#3681) 2024-04-16 14:23:19 +02:00
ios fix(ios): update onPlaybackStateChanged implementation (#3687) 2024-04-18 10:11:15 +02:00
scripts chore: enhance CI tests (#3344) 2023-12-02 15:58:43 +01:00
src Feat/add rtsp support (#3677) 2024-04-16 10:41:39 +02:00
windows Merge branch 'master' into sdkVersion 2023-09-19 09:09:13 +02:00
.eslintignore chore: lint project (#3279) 2023-10-07 12:56:35 +02:00
.eslintrc fix: ensure poster works as expected and add it to the sample (#3643) 2024-04-05 10:35:57 +02:00
.gitignore feat: add typescript (#3266) 2023-10-06 18:39:14 +02:00
.nvmrc feat: added .nvmrc 2023-07-19 16:21:12 +09:00
.prettierrc feat: add typescript (#3266) 2023-10-06 18:39:14 +02:00
.release-it.json fix: fix bad package release process (#3347) 2023-11-15 21:39:34 +01:00
CHANGELOG.md chore: release v6.0.0-beta.8 2024-04-03 21:48:19 +02:00
CONTRIBUTING.md Update PR guide 2022-06-15 13:59:03 +03:00
LICENSE Update copyright 2022-06-22 06:35:04 +00:00
package.json fix: ensure poster works as expected and add it to the sample (#3643) 2024-04-05 10:35:57 +02:00
react-native-video.podspec feat!(ios): remove native dependency promises (#3631) 2024-04-04 13:23:44 +02:00
README.md docs: update readme (#3673) 2024-04-11 15:28:04 +02:00
tsconfig.build.json feat: add typescript (#3266) 2023-10-06 18:39:14 +02:00
tsconfig.json Chore/prepare alpha 9 release (#3320) 2023-10-27 08:59:46 +02:00

react-native-video

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

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

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