1

我正在使用 React 播放器版本 1.15.3 在 React Web 应用程序中播放视频。我在显示来自 Vimeo 的视频时遇到问题,反应播放器似乎将它们缩小到迷你尺寸。我已经尝试了我能想到的一些事情以及这里的响应式播放器推荐https://github.com/CookPete/react-player#responsive-player但仍然没有运气。我需要让它填充它的父容器并做出响应。 问题截图

反应播放器的代码

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

反应播放器的 CSS 代码

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

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

谢谢您的帮助

4

0 回答 0