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

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

Last synced: 2 months ago
JSON representation

A <Video /> component for react-native

• Host: GitHub
• URL: https://github.com/react-native-video/react-native-video
• Owner: react-native-video
• License: mit
• Created: 2015-03-31T05:08:38.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2024-04-23T07:02:44.000Z (2 months ago)
• Last Synced: 2024-04-23T13:10:12.358Z (2 months ago)
• Language: Java
• Homepage:
• Size: 17.5 MB
• Stars: 6,968
• Watchers: 115
• Forks: 2,822
• Open Issues: 204
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Lists

• awesome-react-native - react-native-video ★3470 - A Video component for react-native (Components / Media)
• my-awesome-stars - react-native-video/react-native-video - A &lt;Video /&gt; component for react-native (Java)
• awesome-stars - react-native-video/react-native-video - A &lt;Video /&gt; component for react-native (Java)
• awesome-github-star - react-native-video - native | react-native-video | 6696 | (Java)
• awesome-react-native - react-native-video - A Video component for react-native.  (Components / Media)
• awesome-stars - react-native-video/react-native-video - A &lt;Video /&gt; component for react-native (Java)
• react-native-awesome-medialib - @types/react-native-video - native-video](https://github.com/react-native-video/react-native-video).<br/> (Installation)

README

        
# react-native-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](https://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](https://github.com/react-native-video/react-native-video/tree/v6.0.0-alpha.8)

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