So, I am trying to create a Video Player on React that will play videos from YouTube using the react-player library. But the problem is that the "More Videos" section appears when I pause the video and I don't want that.
Here's the code snippet.
const [play, changePlay] = useState(false);
return (
<div className="flex flex-col p-12">
<div className="relative">
<div onClick={() => changePlay(!play)}>
<div>
<ReactPlayer url="https://www.youtube.com/watch?v=gy7h-8uCfKY" playing={play} width="1040px" height="640px"/>
</div>
</div>
....
Is it possible to hide the "More Videos" section when the video gets paused?
Source of the video used in this example: Ikigai (YouTube)