ForwardControl

A button in control bar to go forward 5/10/30 seconds.

Current Time 0:00
/
Duration Time 0:00
Progress: NaN%
import React from 'react';
import { Player, ControlBar, ForwardControl } from 'video-react';

export default props => {
  return (
    <Player
      autoPlay
      poster="/assets/poster.png"
      src="http://peach.themazzone.com/durian/movies/sintel-1024-surround.mp4"
    >
      <ControlBar autoHide={false}>
        <ForwardControl seconds={5} order={3.1} />
        <ForwardControl seconds={10} order={3.2} />
        <ForwardControl seconds={30} order={3.3} />
      </ControlBar>
    </Player>
  );
};

Properties

ForwardControl.propTypes = {

  // How many seconds to go forward
  // default: 10
  seconds: PropTypes.oneOf([5, 10, 30]),

}