如何更改 React 播放器的宽度，使其默认值

Question

我正在使用反应播放器在应用程序中播放视频。它带有无响应的默认宽度。我使用了一些 css，但它不起作用。

import ReactPlayer from 'react-player';
<ReactPlayer url="https://www.youtube.com/watch?v=ysz5S6PUM-U" style={{ width: '100%' }} />

请告诉我一种可以更改其宽度和高度的方法

Answer 1

你可以这样做。

<ReactPlayer
className='react-player'
url='https://www.youtube.com/watch?v=ysz5S6PUM-U'
width='100%'
height='100%'
/>

Answer 2

https://codesandbox.io/s/vv19l17wj3?file=/src/index.js

<ReactPlayer url="https://www.youtube.com/watch?v=ysz5S6PUM-U" width= '100%'/>

尝试使用宽度道具

Answer 3

<ReactPlayer 
url='https://www.youtube.com/watch?v=CJj_T-GmtWM&t=1s'
width= '150%'
/>

现在，如果您使用高度，它将不起作用。