# Building custom UI with video sdk

**URL:** <https://devforum.zoom.us/t/building-custom-ui-with-video-sdk/95072>\
**Category:** Web\
**Created:** [September 14, 2023, 2:23am UTC](https://devforum.zoom.us/t/building-custom-ui-with-video-sdk/95072 "2023-09-14T02:23:48Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![a70717227](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/a70717227/32/51391_2.png) [@a70717227](https://devforum.zoom.us/u/a70717227)\
**Post date:** [September 14, 2023, 2:23am UTC](https://devforum.zoom.us/t/building-custom-ui-with-video-sdk/95072/1 "2023-09-14T02:23:48Z")

</div>

video sdk recommends using single canvas element to render participant streams, and does much of the work to actually render the streams itself using `renderVideo()` method. Is there way to customize UI( using CSS) for the streams while using this method.

On the other hand if i were to use seprate canvas/video elements for each participant ( as this would help styling with css) how much of a performance hit would that be. I am looking to render 12 participant videos at most.

I have also looked into the UI toolkit for the video-sdk but it also doesn’t seem to provide any helpers for customizing the UI.

Edit: Found a relevant thread : [Video SDK: cannot style videos](https://devforum.zoom.us/t/video-sdk-cannot-style-videos/62036)

---

<div class="post-metadata">

**Author:** ![gianni.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/gianni.zoom/32/32523_2.png) [@gianni.zoom](https://devforum.zoom.us/u/gianni.zoom)\
**Post date:** [October 11, 2023, 4:33pm UTC](https://devforum.zoom.us/t/building-custom-ui-with-video-sdk/95072/3 "2023-10-11T16:33:20Z")

</div>

Hey @rehema.zoom , can you help this developer please?

---

<div class="post-metadata">

**Author:** ![rehema.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/rehema.zoom/32/40323_2.png) [@rehema.zoom](https://devforum.zoom.us/u/rehema.zoom)\
**Post date:** [October 12, 2023, 4:14pm UTC](https://devforum.zoom.us/t/building-custom-ui-with-video-sdk/95072/4 "2023-10-12T16:14:01Z")

</div>

Hi @a70717227 ,

To make sure I understand correctly, you’re looking to customize each video stream rendered? If so, yes, this is possible using CSS. Each video on the rendered canvas would follow the same customization.

Thanks,  
Rehema

---

<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:** [November 12, 2023, 2:14am UTC](https://devforum.zoom.us/t/building-custom-ui-with-video-sdk/95072/5 "2023-11-12T02:14:04Z")

</div>

Closed on November 12, 2023, 2:14am UTC

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