PosterImage

The PosterImage specifies an image to be shown while the video is downloading, or until the user hits the play button. If this is not included, the first frame of the video will be used instead.

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

export default props => {
  // set the poster image url to `poster` property
  return (
    <Player
      poster="/assets/poster.png"
      src="https://media.w3.org/2010/05/sintel/trailer_hd.mp4"
    />
  );
};

Properties

PosterImage.propTypes = {

  // The poster image url
  poster: PropTypes.string,

}