Search code examples
cssreactjsresponsivereact-player

how to change the width of react player from its default

I am using react-player to play video in an app. And it comes with default width which is not responsive. I used some css but it does not work. 

import ReactPlayer from 'react-player';

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

please tell me a way i can change its width and height

Solution

  • you can do like this .

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