https://github.com/TheWidlarzGroup/react-native-video
A <Video /> component for react-native
https://github.com/TheWidlarzGroup/react-native-video
Last synced: over 1 year 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 (over 11 years ago)
- Default Branch: master
- Last Pushed: 2024-10-29T09:32:37.000Z (over 1 year ago)
- Last Synced: 2024-10-29T11:43:59.996Z (over 1 year 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
- stargazer - TheWidlarzGroup/react-native-video - A <Video /> component for react-native \[*MIT License*\] (⭐️7705) (Kotlin)
- awesome - TheWidlarzGroup/react-native-video - A <Video /> component for react-native (Kotlin)
- awesome-video - react-native-video — React Native video component - Community-maintained React Native <Video> component with DRM, offline, HLS/DASH support; v7 new-architecture in development. (Players & Clients / Mobile Players)
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/?utm_source=rnv&utm_medium=readme&utm_campaign=docs&utm_id=text)
## 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/common/BasicExample.tsx) usage and [DRM example](https://github.com/TheWidlarzGroup/react-native-video/blob/master/examples/common/DRMExample.tsx) (with a [free DRM stream](https://www.thewidlarzgroup.com/services/free-drm-token-generator-for-video?utm_source=rnv&utm_medium=readme&utm_campaign=drm&utm_id=free-drm)).
## 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,
},
});
```
## Roadmap
You can follow our work on the library at [Roadmap](https://github.com/orgs/TheWidlarzGroup/projects/6).
## 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! 🚀
