Right now our WebSDK does not have a capability to customize the look and feel right now outside or removing features such as screen share or chat. We are looking into expand our WebSDK for a customize look and feel in the future.
I need exactly the same: possibility to embed into my web application the audio/video streaming only (in a responsive div element). Do you already have a roadmap for adding this possibility to the WebSDK? When it will be available?
These blanket styling changes block scrolling of the body, switch the font to Open Sans and set a color. I could modify my existing app to use more specific selectors, but this is not a good start, I don’t think an SDK should set these styles on a global element this way.
Further, the SDK uses fixed positioning for multiple elements (#zmmtg-root, .meeting-client) and sets the width via JS for other elements (like the diaout-layer for the audio choice dialog). And there is at least one DOM element with inline styles and no selector, which means it’s near impossible to override via CSS from the parent app.
Hopefully these issues can be addressed in the next iteration of the Web SDK to facilitate integrating inside another app. As it is, I think the SDK can only be used as a full screen element.
Right now we do not officially support the use of iframes within the website as this could cause styling issues within your site. The best thing to do is to override the CSS & JS, which is a little tricky. We are working on a WebSDK version to embed into websites outside of using iframe.
Hey tommy, I have implemented this in my existing Angular app. I want to override this 2 styles which added to body after adding zoom sdk.
overflow: hidden;
font-size: 16px;
need to override with this
It works now,
But I have another issue, I am adding zoom web sdk in my existing theme. Which is metronic theme
Until I dont add ZoomMtg.prepareJssdk();, it works fine but as soon as I add ZoomMtg.prepareJssdk(); as its needed before join meeting, UI got stuck. I cant open dropdowns, cant check checkboxes etc.
Your best bet is to have the Web SDK hosted on a seperate path so it does not affect your styles, then once the meeting is over, utilize the leaveUrl to be redirected back to your app.