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

a simple yet customizable controller for react-native-video
https://github.com/alikazemkhanloo/react-native-video-controller

android ios react react-native react-native-video video-controls

Last synced: 2 months ago
JSON representation

a simple yet customizable controller for react-native-video

• Host: GitHub
• URL: https://github.com/alikazemkhanloo/react-native-video-controller
• Owner: alikazemkhanloo
• Created: 2019-08-21T17:51:17.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-10-02T20:36:49.000Z (over 1 year ago)
• Last Synced: 2025-03-18T13:15:40.100Z (3 months ago)
• Topics: android, ios, react, react-native, react-native-video, video-controls
• Language: JavaScript
• Homepage:
• Size: 396 KB
• Stars: 7
• Watchers: 1
• Forks: 1
• Open Issues: 5
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        


  





  react-native-video-controller



a controller for react-native-video 


[![Generic badge](https://img.shields.io/badge/PRs-welcome-.svg)](https://shields.io/)

---

# Motivation

There are two controller for the playing the video, but they are not customizable. This package tries to be as flexible as possible, and provide better controll over the video and other components beside the video.

# Features

* fullscreen mode will auto rotate the screen.( also rotation will trigger fullscreen mode).

* use custom components for play/pause/error/loading state of the player.

  

# Screen shots



  

  

  



# Peer Dependencies

this library depends on:

* `react-native-reanimated` if using the default slider,no need if you have your own slider.

* `react-native-gesture-handler` if using the default slider,no need if you have your own slider.

* `react-native-orientation-locker` to handle rotations.

* `react-native-paper` to use the Menu component, no need if you have your own menu.

* `react-native-video` to play videos.

  

make sure install and link these packages.

# Docs and Usage

documnetation and usage is autogenerated using react-docgen. and lives [here](https://github.com/alikazemkhanloo/react-native-video-controller/tree/master/docs/VideoPlayer.md)