css - 如何从默认值更改反应播放器的宽度

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%'
/>

现在如果你使用 height 它将不起作用。