# Style attachVideo() rendered video

**URL:** <https://devforum.zoom.us/t/style-attachvideo-rendered-video/106144>\
**Category:** Video SDK\
**Tags:** video-sdk\
**Created:** [March 20, 2024, 10:07am UTC](https://devforum.zoom.us/t/style-attachvideo-rendered-video/106144 "2024-03-20T10:07:01Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![shi88.andy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/shi88.andy/32/55545_2.png) [@shi88.andy](https://devforum.zoom.us/u/shi88.andy)\
**Post date:** [March 20, 2024, 10:07am UTC](https://devforum.zoom.us/t/style-attachvideo-rendered-video/106144/1 "2024-03-20T10:07:02Z")

</div>

Our code structure looks something like this

```auto
<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?

---

<div class="post-metadata">

**Author:** ![vic.yang](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/vic.yang/32/24656_2.png) [@vic.yang](https://devforum.zoom.us/u/vic.yang)\
**Post date:** [March 20, 2024, 10:13am UTC](https://devforum.zoom.us/t/style-attachvideo-rendered-video/106144/2 "2024-03-20T10:13:12Z")

</div>

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