Style attachVideo() rendered video

Video SDK
1

Our code structure looks something like this

<video-player-container>
   { participants.map(() => {
       return <ourComp>
           <video-player />
      </ourComp>
   })
</video-player-container>

We’re able to get the video to be rendered the same size as our video-player, but when we’re trying to add borderRadius: 8px to video-player but it still render square video.

is it possible to style the video rendered through attachVideo() method?

2

Hey @shi88.andy

Thanks for your feedback.

Currently, that might not work. In fact, we’re rendering video through canvas, so the videos are all square.

A workaround for this is to place a div element at the same level as the video-player and overlay it on top. This allows you to customize the display effects using this div element.

Similarly, we will also explore ways to enhance the implementation of the video-player to support this effect.

Thanks
Vic