react-native-another-video-player
A customizable video player wrapper for the the Video component of the expo-av package.
Installation
Using npm:
npm install --save react-native-another-video-player`
Using yarn:
yarn add react-native-another-video-player
Usage
// Load the Video module; // Load the wrapper module; // Wrap the expo-av Video moduleconst AnotherVideoPlayer = <AnotherVideoPlayer style=height: 200 width: '100%' backgroundColor: 'black' source= uri: 'http://d23dyxeqlo5psv.cloudfront.net/big_buck_bunny.mp4' shouldPlay=true isLooping=true isMuted=false onPressSettings= {} forceHorizontalFullscreen=true avoidSafeAreas=true/>
Props
Set of props relative to the video player wrapper. The Video component props from the expo-av package are implemented, but not included in this list.
Configurable props
- color
- overlayColor
- overlayOpacity
- overlayActiveMillis
- overlayFadeMillis
- seekMillis
- useSeekControls
- forceHorizontalFullscreen
- avoidSafeAreas
Event props
Configurable props
color
A string value to determine the color of icons and text.
- default - #FFFFFF
overlayColor
A string value to determine the color of the overlay.
- default - #FFFFFF
overlayOpacity
A number value (float) to determine the opacity of the overlay.
- default - 0.25
overlayActiveMillis
A number value to determine the duration of the overlay active state.
- default - 5000
overlayFadeMillis
A number value to determine the duration of the overlay fade animation.
- default - 250
seekMillis
A number value to determine amount of milliseconds to skip when seeking back or forward.
- default - duration * 0.1
useSeekControls
A boolean value to determine if the seek controls should be available.
- default - true
forceHorizontalFullscreen
A boolean value to determine if fullscreen mode should automatically rotate the device orientation to landscape.
- default - false
avoidSafeAreas
A boolean value to determine if iOS safe areas should be avoided by the different overlay elements.
- default - true
Event props
onPressSettings
Callback function that is called when the settings cog wheel is pressed. If the prop isn't set, the cog wheel won't be displayed.