BigPlayButton

Initial play button. Shows before the video has played. The hiding of the big play button is done via CSS and player states.

import React from 'react';
import { Player, BigPlayButton } from 'video-react';

export default props => {
  return (
    <Player src="https://media.w3.org/2010/05/sintel/trailer_hd.mp4">
      <BigPlayButton position="center" />
    </Player>
  );
};

Properties

BigPlayButton.propTypes = {

  // The default position is left-top,
  // another position is 'center'
  // it has a css named `video-react-big-play-button-${position}`
  // default: 'left'
  position: PropTypes.string,

}