title: How to make ReactPlayer scale with height and width
body: <p>I am using reactplayer for a youtube video which uses iframe. I am trying to scale the video to my div and I want it to be responsive. </p>
  
  <p>I put a <code>width</code> and <code>height</code> at <code>100%</code> on the ReactPlayer, and I have a wrapper div that I put height and width on, but the reactplayer does not fit the div. It is stuck at a height of 150px no matter how I resize the screen.</p>
  
  <pre><code>&lt;div className="video-wrapper&gt;
    &lt;ReactPlayer
              width="100%"
              height="100%"
              url="https://youtu.be/BGhqlJnFIXU"
              controls
              muted
              config={{
                youtube: {
                  playerVars: { showinfo: 1 }
                }
              }}
            /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>.css</p>
  
  <pre><code>.video-wrapper {
   height: 100%;
   width: 100%;
   min-height: 225px;
  }
  </code></pre>