Customize Embedded Zoom with Component View in 2.2.0

How can i resize and fix the returned zoom component in my react component view?

      import ZoomMtgEmbedded from '@zoomus/websdk/embedded';
      const client = ZoomMtgEmbedded.createClient();
      let meetingSDKElement = document.getElementById('meetingSDKElement');
        debug: true,
        zoomAppRoot: meetingSDKElement,
        language: 'en-US',
        customize: {
            meetingInfo: ['topic', 'host', 'mn', 'pwd', 'telPwd', 'invite', 'participant', 'dc', 'enctype'],
            toolbar: {
                buttons: [
                        text: 'Custom Button',
                        className: 'CustomButton',
                        onClick: () => {
                            console.log('custom button');

        apiKey: apiKey,
        signature: signature,
        meetingNumber: meetingNumber,
        password: passWord,
        userName: userName,
        userEmail: userEmail,
        tk: registrantToken,

all i want is to display meetingSDKElement in a specific location with specific height and width

I’ve tried too but with no success, were you able to figure out how to change the size?

1 Like


Welcome to the Developer Forum. For your concern, please see our Positioning components help documentation and this post linked below:


1 Like

i had this answer but i did’t test it

I’ve tried that but didn’t work too

@development3 and @rahim.bait.2021,

I checked internally and it was shared that the size of the specific video view can’t be easily changed post init, but it is something that is on our roadmap [ZOOM-357826]. Note, in the init() function’s customize property, you can configure resizing for the video container. Here is our support guide on this :

Programmatically resizing the video component

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