title: How do i hide the controls beside the Play button in React-player?
body: <p>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 &quot;play&quot; has been clicked.</p>
  <p>Currently my code simply looks like this:</p>
  <pre><code>&lt;div&gt;
                  &lt;ReactPlayer
                    classNameName=&quot;btn-modal object-cover&quot;
                    url=&quot;Assets/video/stephanie.mp4&quot;
                    type=&quot;video/mp4&quot;
                    controls
                    width=&quot;270px&quot;
                    
                  /&gt;
                &lt;/div&gt;
  </code></pre>