'How do i hide the controls beside the Play button in React-player?

So i've been trying to hide the controls beside the Play button but with no luck. Does anyone know how I can do this? Also, I would like the controls to appear after "play" has been clicked.

Currently my code simply looks like this:

<div>
                <ReactPlayer
                  classNameName="btn-modal object-cover"
                  url="Assets/video/stephanie.mp4"
                  type="video/mp4"
                  controls
                  width="270px"
                  
                />
              </div>

reactjs react-player

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'How do i hide the controls beside the Play button in React-player?

Sources

Related Questions