如何更改react播放器的默认宽度

Question

我正在使用react-player在一个应用程序中播放视频。而且它有默认的宽度，没有响应。我使用了一些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%'
/>

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