0

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. enter image description here

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)

prmethus
  • 45
  • 5

0 Answers0