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

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

Last synced: 3 months ago
JSON representation

A <Video /> component for react-native

• Host: GitHub
• URL: https://github.com/TheWidlarzGroup/react-native-video
• Owner: TheWidlarzGroup
• License: mit
• Created: 2015-03-31T05:08:38.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2024-05-21T07:48:22.000Z (8 months ago)
• Last Synced: 2024-05-21T08:20:24.764Z (8 months ago)
• Language: Java
• Homepage:
• Size: 27.3 MB
• Stars: 7,007
• Watchers: 112
• Forks: 2,828
• Open Issues: 200
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

• awesome - TheWidlarzGroup/react-native-video - A &lt;Video /&gt; component for react-native (Swift)

README

        
# react-native-video

🎬 `` component for React Native

## Documentation

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

## Examples

We have examples that will show you basic usage of react-native-video [here](https://github.com/TheWidlarzGroup/react-native-video/tree/master/examples). 


Examples shows [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).

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