如何使用react-player在视频结束后在视频上显示按钮

npm install react-player

import ReactPlayer from 'react-player';

render() {
  return (
    <div>
      <ReactPlayer
        url="https://example.com/video.mp4" // 视频的 URL
        controls // 显示播放器的控制按钮
        onEnded={this.handleVideoEnd} // 视频结束时的回调函数
      />
      {this.state.showButton && (
        <button onClick={this.handleButtonClick}>按钮</button>
      )}
    </div>
  );
}

constructor(props) {
  super(props);
  this.state = {
    showButton: false // 控制按钮的显示与隐藏
  };
}

handleVideoEnd = () => {
  this.setState({ showButton: true }); // 视频结束时显示按钮
}

handleButtonClick = () => {
  // 处理按钮点击事件
}