import React from 'react'; import PropTypes from 'prop-types'; class ExtendedVideoPlayer extends React.PureComponent { constructor (props, context) { super(props, context); this.handleLoadedData = this.handleLoadedData.bind(this); this.setRef = this.setRef.bind(this); } handleLoadedData () { if (this.props.time) { this.video.currentTime = this.props.time; } } componentDidMount () { this.video.addEventListener('loadeddata', this.handleLoadedData); } componentWillUnmount () { this.video.removeEventListener('loadeddata', this.handleLoadedData); } setRef (c) { this.video = c; } render () { return (
); } } ExtendedVideoPlayer.propTypes = { src: PropTypes.string.isRequired, time: PropTypes.number, controls: PropTypes.bool.isRequired, muted: PropTypes.bool.isRequired }; export default ExtendedVideoPlayer;