Я использую 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;
}
Спасибо за помощь