Introduction

A comprehensive video player toolkit for React Native applications with modern controls and gesture support.

React Native Video Toolkit

React Native Video Toolkit is a powerful, feature-rich video player component built for React Native applications. It provides a modern, customizable video player with intuitive controls, gesture support, and a beautiful interface that works seamlessly across platforms.

Features

  • 🎥 Modern Video Player - Beautiful, customizable video player with modern controls
  • 🤏 Gesture Support - doubleTap gesture to seek, swipe controls, and touch interactions
  • 🎨 Themeable - Customizable themes and styling options
  • 📱 Cross-Platform - Works on Android with planned iOS support
  • ⚡ Performance - Built with React Native Reanimated for smooth animations
  • 🎵 Audio Controls - Volume control and audio management

Quick Example

Here's a basic example demonstrating how to use the VideoPlayer component in your application:

If using react-native-safe-area-context, add edges={['top']} to prevent the video content from being obscured by device notches or status bars.

-0s
+0s
Demo
Video Player
0:00
/
0:00

Next Steps

Ready to get started? Head over to the Installation guide to add React Native Video Toolkit to your project.

For more advanced examples and use cases, check out our examples folder on GitHub.

On this page