add "disableSeekButtons" property for hiding rewind/fast forward (#46)

* add disableSeekForwardback property for hiding rewind/fast forward

README.md

@@ -119,6 +119,7 @@ These are the various controls that you can turn on/off as needed. All of these
 | ----------------- | -------------------------- |
 | disableFullscreen | Hide the fullscreen button |
 | disablePlayPause  | Hide the play/pause toggle and the rewind/forward buttons |
+| disableSeekButtons  | Hide the rewind/forward buttons (but not play/pause) |
 | disableSeekbar    | Hide the seekbar           |
 | disableVolume     | Hide the Volume control    |
 | disableTimer      | Hide the timer             |

src/VideoPlayer.tsx

@@ -64,6 +64,7 @@ export const VideoPlayer = (props: VideoPlayerProps) => {
     disableTimer = false,
     disableSeekbar = false,
     disablePlayPause = false,
+    disableSeekButtons = false,
     navigator,
     rewindTime = 15,
   } = props;
@@ -420,6 +421,7 @@ export const VideoPlayer = (props: VideoPlayerProps) => {
             <PlayPause
               animations={animations}
               disablePlayPause={disablePlayPause}
+              disableSeekButtons={disableSeekButtons}
               paused={_paused}
               togglePlayPause={togglePlayPause}
               resetControlTimeout={resetControlTimeout}

src/components/PlayPause/PlayPause.tsx

@@ -10,6 +10,7 @@ export const playPauseRef = createRef<TouchableHighlight>();
 interface PlayPauseProps {
   animations: VideoAnimations;
   disablePlayPause: boolean;
+  disableSeekButtons: boolean;
   paused: boolean;
   togglePlayPause: () => void;
   resetControlTimeout: () => void;
@@ -26,6 +27,7 @@ const forward = require('../../assets/img/forward.png');
 export const PlayPause = ({
   animations,
   disablePlayPause,
+  disableSeekButtons,
   paused,
   togglePlayPause,
   resetControlTimeout,
@@ -48,12 +50,14 @@ export const PlayPause = ({
     <Animated.View
       pointerEvents={'box-none'}
       style={[styles.container, animatedStyles]}>
-      <Control
-        disabled={!showControls}
-        callback={onPressRewind}
-        resetControlTimeout={resetControlTimeout}>
-        <Image source={rewind} resizeMode={'contain'} style={styles.rewind} />
-      </Control>
+      {!disableSeekButtons ? (
+        <Control
+          disabled={!showControls}
+          callback={onPressRewind}
+          resetControlTimeout={resetControlTimeout}>
+          <Image source={rewind} resizeMode={'contain'} style={styles.rewind} />
+        </Control>
+      ) : null}
       <Control
         disabled={!showControls}
         callback={togglePlayPause}
@@ -63,12 +67,18 @@ export const PlayPause = ({
         {...(Platform.isTV ? {hasTVPreferredFocus: showControls} : {})}>
         <Image source={source} resizeMode={'contain'} style={styles.play} />
       </Control>
-      <Control
-        disabled={!showControls}
-        callback={onPressForward}
-        resetControlTimeout={resetControlTimeout}>
-        <Image source={forward} resizeMode={'contain'} style={styles.rewind} />
-      </Control>
+      {!disableSeekButtons ? (
+        <Control
+          disabled={!showControls}
+          callback={onPressForward}
+          resetControlTimeout={resetControlTimeout}>
+          <Image
+            source={forward}
+            resizeMode={'contain'}
+            style={styles.rewind}
+          />
+        </Control>
+      ) : null}
     </Animated.View>
   );
 };

src/types.ts

@@ -197,6 +197,14 @@ export interface VideoPlayerProps extends VideoProperties {
    * @default false
    */
   disablePlayPause?: boolean;
+
+  /**
+   * Hide the rewind/forward buttons without hiding the play/pause button
+   *
+   * @default false
+   */
+  disableSeekButtons?: boolean;
+
   /**
    * When using the default React Native navigator and do not override the `onBack` function,
    * you'll need to pass the navigator to the VideoPlayer for it to function