Unable to resize client below a given resolution

API and Webhooks Meetings
1

I am able to initialize the client a small size, but once i resize the window it enforces a certain minimum which is larger than we want.

How do i update it so that I can resize it to any size the user wants?

This is how I I initialize using Angular/Typescript:

import ZoomMtgEmbedded from "@zoom/meetingsdk/embedded";
...
await this.ngZone.runOutsideAngular(() => {
                return this.client.init({
                    debug: true,
                    zoomAppRoot: meetingSDKElement,
                    language: 'en-US',
                    patchJsMedia: true,
                    customize: {
                        video: {
                          isResizable: true,
                          viewSizes: {
                            default: {
                              width: 240,
                              height: 135
                            }
                          }
                        }
                      }
                });
            });
2

try adjusting the viewSizes property dynamically after initialization or using CSS overrides.

You can experiment with setting viewSizes to smaller values, or apply custom CSS styles to the Zoom container using:

.zoom-app-root {
    min-width: 100px !important;
    min-height: 100px !important;
}

If the SDK still restricts resizing, check the official Zoom SDK documentation or consider handling resizing manually by modifying the width and height properties programmatically.

3

I tried that but as soon as I resize the window it pops to a large size and wont resize smaller.

Any ideas?

This is my CSS:


#zoom-content {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: auto;
    transform-origin: top left;
    transition: transform 0.05s linear;
    z-index: 99999;
    min-width: 100px !important;
    min-height: 100px !important;
}