https://github.com/react-native-community/react-native-video

A <Video /> component for react-native
https://github.com/react-native-community/react-native-video

Last synced: 3 months ago
JSON representation

A <Video /> component for react-native

• Host: GitHub
• URL: https://github.com/react-native-community/react-native-video
• Owner: TheWidlarzGroup
• License: mit
• Created: 2015-03-31T05:08:38.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2024-10-29T09:32:37.000Z (6 months ago)
• Last Synced: 2024-10-29T11:43:59.996Z (6 months ago)
• Language: Swift
• Homepage: https://thewidlarzgroup.github.io/react-native-video/
• Size: 31.1 MB
• Stars: 7,188
• Watchers: 109
• Forks: 2,894
• Open Issues: 183
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-native-native-modules - react-native-video ★2582

README

        
# react-native-video

🎬 `` component for React Native

## Documentation

documentation is available at [docs.thewidlarzgroup.com/react-native-video/](https://docs.thewidlarzgroup.com/react-native-video/)

## Examples

You can find several examples demonstrating the usage of react-native-video [here](https://github.com/TheWidlarzGroup/react-native-video/tree/master/examples). 


These include a [basic](https://github.com/TheWidlarzGroup/react-native-video/blob/master/examples/bare/src/BasicExample.tsx) usage and [DRM example](https://github.com/TheWidlarzGroup/react-native-video/blob/master/examples/bare/src/DRMExample.tsx) (with a [free DRM stream](https://www.thewidlarzgroup.com/services/free-drm-token-generator-for-video?utm_source=drm&utm_medium=code)).

## Usage

```javascript

// 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(null);

 const background = require('./background.mp4');

 return (

   

 )

}

// 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](https://discord.gg/WXuM4Tgb9X)

## 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! 🚀