React-плеер сжимает видео Vimeo - PullRequest
0 голосов
/ 27 апреля 2020

Я использую React Player версии 1.15.3 для воспроизведения видео в веб-приложении React. У меня возникла проблема с отображением видео с 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;
}

Спасибо за помощь

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...