反应播放器缩小Vimeo视频

Question

我正在使用React Player 1.15.3版在React Web应用程序中播放视频。我在显示Vimeo的视频时遇到问题，反应播放器似乎将它们缩小到了最小尺寸。我尝试了一些我能想到的事情以及此处https://github.com/CookPete/react-player#responsive-player中的响应玩家推荐，但仍然没有运气。我需要使其填充其父容器并做出响应。 Screenshot of issue

反应玩家的代码

<div className='player-wrapper'>
   <ReactPlayer
     url={props.video.url}
     muted
     controls
     width='100%'
     height='100%'
     className='react-player'
    />
</div>

React播放器的CSS代码

.player-wrapper {
  position: relative;
  padding-top: 56.25%; /* 720 / 1280 = 0.5625 */
}

.react-player {
  position: absolute;
  top: 0;
  left: 0;
}

感谢您的帮助