ContentVideo.js

gistfile1.txt

const ContentVideo = ({ videoId, on }) => {
  const player = useRef();

  useEffect(() => {
    player.current = new YTPlayer('#' + videoId);
    player.current.load(videoId);
  }, []);

  useEffect(() => {
    if (!on) {
      player.current.pause();
    }
  }, [on]);

  return (
    <div
      id={videoId}
      css={`
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
      `}
    />
  );
};