react-native-video-player-somecourse

0.1.3 • Public • Published

React Native Video Player

A React Native video player with a few controls. This player uses react-native-video for the video playback.

demo gif

Installation

npm install --save react-native-video-player
react-native link react-native-video
react-native link react-native-vector-icons

Props

Prop Description
video The video source to pass to react-native-video.
thumbnail An Image source to use as thumbnail before the video gets loaded.
videoWidth Width of the video to calculate the player size.
videoHeight Height of the video to calculate the player size.
duration Duration can not always be figured out (e.g. when using hls), this can be used as fallback.
autoplay Start the video automatically.
defaultMuted Start the video muted, but allow toggling.
muted Start the video muted and hide the mute toggle button.
controlsTimeout Timeout when to hide the controls.
disableControlsAutoHide Disable auto hiding the controls.
loop Loop the video after playback is done.
resizeMode The video's resizeMode. defaults to contain and is passed to react-native-video.
hideControlsOnStart Hides the controls on start video.
endWithThumbnail Returns to the thumbnail after the video ends.
customStyles The player can be customized with these custom styles:

All other props are passed to the react-native-video component.

customStyles

  • wrapper
  • video
  • controls
  • playControl
  • controlButton
  • controlIcon
  • playIcon
  • seekBar
  • seekBarFullWidth
  • seekBarProgress
  • seekBarKnob
  • seekBarBackground
  • thumbnail
  • playButton
  • playArrow
  • videoWrapper

Future features

  • [X] Make seek bar seekable.
  • [x] Make player customizable.
  • [ ] Add volume control
  • [X] Add fullscreen button
    • [ ] Add fullscreen button for android
  • [ ] Add loader

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 0.1.3
    3
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 0.1.3
    3
  • 0.1.2
    0
  • 0.1.1
    0
  • 0.1.0
    0

Package Sidebar

Install

npm i react-native-video-player-somecourse

Weekly Downloads

3

Version

0.1.3

License

MIT

Last publish

Collaborators

  • willischou