# Custom video shape

**URL:** <https://devforum.zoom.us/t/custom-video-shape/80324>\
**Category:** Web\
**Created:** [December 15, 2022, 3:41am UTC](https://devforum.zoom.us/t/custom-video-shape/80324 "2022-12-15T03:41:06Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![nguyen.hoangtue](https://avatars.discourse-cdn.com/v4/letter/n/13edae/32.png) [@nguyen.hoangtue](https://devforum.zoom.us/u/nguyen.hoangtue)\
**Post date:** [December 15, 2022, 3:41am UTC](https://devforum.zoom.us/t/custom-video-shape/80324/1 "2022-12-15T03:41:06Z")

</div>

**Description**  
I have to custom the video shape from rectangle (default) to circle.  
Because all participants have been rendered on 1 canvas so i think it’s can’t reshape the video of each participant.  
Is there anyway to do that with ShareArrayBuffer enabled?

**Screenshots**  
From this shape:  
 ![Screenshot 2022-12-15 at 12.37.10](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/61fb60953c2b228fe59e914c7a5822a7b38f3f1a.png)

To this shape:  
 ![Screenshot 2022-12-14 at 9.11.42](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/9/3/93805563a199905407cdca4bad9ac7074acc75f1.png)

---

<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:** [December 15, 2022, 5:42am UTC](https://devforum.zoom.us/t/custom-video-shape/80324/2 "2022-12-15T05:42:33Z")

</div>

Hey @nguyen.hoangtue

Thanks for your feedback.

In Video SDK, videos are rendered in 16:9 aspect ratio, but you can add a DOM layer to cover each video or re-render the video with _CanvasRenderingContext2D.drawImage()_.

Here is an example to show how it works:

> **[Our quest to build Zoom in web: 3 treasure chests we unlocked along the way](https://remotion.webflow.io/blog/building-zoom-in-web)**

Thanks  
Vic

---

<div class="post-metadata">

**Author:** ![nguyen.hoangtue](https://avatars.discourse-cdn.com/v4/letter/n/13edae/32.png) [@nguyen.hoangtue](https://devforum.zoom.us/u/nguyen.hoangtue)\
**Post date:** [December 15, 2022, 7:45am UTC](https://devforum.zoom.us/t/custom-video-shape/80324/3 "2022-12-15T07:45:49Z")

</div>

Thanks for your reply,  
It’s very helpful for us to deal with this issue \<3

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/614bdd549b610bbaa46ff934617683a02bdaa03c.png) [@system](https://devforum.zoom.us/u/system)\
**Post date:** [January 14, 2023, 5:45pm UTC](https://devforum.zoom.us/t/custom-video-shape/80324/4 "2023-01-14T17:45:54Z")

</div>

Closed on January 14, 2023, 5:45pm UTC

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.