react-native-video-player

🎥 <VideoPlayer /> component for React Native with a few controls. This player uses react-native-video under the hood

Documentation

documentation is available at docs.thewidlarzgroup.com/react-native-video-player/

Installation

yarn add react-native-video-player react-native-video

or

npm install --save react-native-video-player react-native-video

Then, install pods

cd ios
pod install

Example

1  import VideoPlayer, { type VideoPlayerRef } from 'react-native-video-player';
2
3  const playerRef = useRef<VideoPlayerRef>(null);
4
5  <VideoPlayer
6    ref={playerRef}
7    endWithThumbnail
8    thumbnail={{
9      uri: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/images/BigBuckBunny.jpg',
10    }}
11    source={{
12      uri: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4',
13    }}
14    onError={(e) => console.log(e)}
15    showDuration={true}
16  />

Future features

Check out our Roadmap for what's coming up next! We're always working on new features and improvements, so stay tuned!

Community support

We have a discord server where you can ask questions and get help. Join the discord server

Enterprise Support

📱 react-native-video-player 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! 🚀