How to embed Zoom on the site with WebSDK

Meeting SDK Web
1

I need to have customized modal windows on the site with Zoom inside.

After performed instructions https://github.com/zoom/websdk from here i have Page where Zoom is working. So Zoom just catching whole the page, but i need to put it inside some embed element.

Happens imediately after i have added to js-file import { ZoomMtg } from '@zoomus/websdk';

Tried to put element to place where i need <div id="zmmtg-root"></div> but on display it again catching whole document. Have controlled after apply css styles to id zmmtg-root. But is it correct way? I have not found any suggestion in documentation.

Version 1.7.4

image
image1913×217 20.3 KB

2

Hey @ttodorov,

Currently customizing the size and style is not supported on the Web SDK.

You can try adjusting with CSS and JavaScript DOM manipulation.

We are planning to release a more customizable Web SDK in the future.

Thanks,
Tommy

3

Thanks, it will be really good, for instance my goal was to have only video-window in modal popup, but i should to have get control to Zoom-app whole the Document and have many features that could be not used.

1 Like
4

Hey @ttodorov,

Gotcha. Yep we are working on a more customizable Web SDK.

Stay updated here: https://marketplace.zoom.us/docs/changelog

Thanks,
Tommy

1 Like