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

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

现在如果用高度就不行了

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

how to change the width of react player from its default

css

reactjs

responsive

react-player