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

  import VideoPlayer, { type VideoPlayerRef } from 'react-native-video-player';

  const playerRef = useRef<VideoPlayerRef>(null);

  <VideoPlayer
    ref={playerRef}
    endWithThumbnail
    thumbnail={{
      uri: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/images/BigBuckBunny.jpg',
    }}
    source={{
      uri: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4',
    }}
    onError={(e) => console.log(e)}
    showDuration={true}
  />

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

<picture> <source media="(prefers-color-scheme: dark)" srcset="./docs/static/img/banners/twg-dark.png" /> <source media="(prefers-color-scheme: light)" srcset="./docs/static/img/banners/twg-light.png" /> </picture>