ЯсноПонятно24

class VideoPlayer extends React.Component {
  constructor(props) {
    super(props);
    this.videoRef = React.createRef();
  }

  playVideo = () => {
    this.videoRef.current.play();
  }

  pauseVideo = () => {
    this.videoRef.current.pause();
  }

  render() {
    return (
      <div>
        <video ref={this.videoRef} controls>
          <source src="myvideo.mp4" type="video/mp4" />
        </video>
      </div>
    );
  }
}

Теперь у нас в компоненте VideoPlayer есть два метода: playVideo и pauseVideo, которые позволяют управлять воспроизведением видео. Мы используем реф videoRef для доступа к элементу video и вызова его методов play и pause.