# Resizing Web Meeting SDK Component View with shared screen

**URL:** <https://devforum.zoom.us/t/resizing-web-meeting-sdk-component-view-with-shared-screen/76600>\
**Category:** Webinars\
**Created:** [September 28, 2022, 12:55am UTC](https://devforum.zoom.us/t/resizing-web-meeting-sdk-component-view-with-shared-screen/76600 "2022-09-28T00:55:10Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![tsukamoto\_toshitaka](https://avatars.discourse-cdn.com/v4/letter/t/dc4da7/32.png) [@tsukamoto\_toshitaka](https://devforum.zoom.us/u/tsukamoto_toshitaka)\
**Post date:** [September 28, 2022, 12:55am UTC](https://devforum.zoom.us/t/resizing-web-meeting-sdk-component-view-with-shared-screen/76600/1 "2022-09-28T00:55:10Z")

</div>

I have been working on Web Meeting SDK Component View for webinars and noticed that  
when a participant share his screen, entire view resizes.  
I have set the height 411px by ‘client.init’ function’s video viewSizes property  
like this:

```
client.init({
    debug: true,
    zoomAppRoot: meetingSDKElement,
    customize: {
        video: {
            isResizable: false,
            viewSizes: {
                default: {
                    width: 737,
                    height: 411
                }
            }
        }
    }
})

```

The view resize to the size I specified on load, but when a participant share his screen,  
the view enlarges vertically and I do not know how to resize it to 411px programmatically.

Does anyone know if there is a JS function or property to resize the view with shared screen?

---

<div class="post-metadata">

**Author:** ![donte.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/donte.zoom/32/24412_2.png) [@donte.zoom](https://devforum.zoom.us/u/donte.zoom)\
**Post date:** [September 29, 2022, 11:41pm UTC](https://devforum.zoom.us/t/resizing-web-meeting-sdk-component-view-with-shared-screen/76600/2 "2022-09-29T23:41:48Z")

</div>

@tsukamoto_toshitaka,

Thank you for posting in the Developer Forum – great question. In checking, there is a feature request for this already, but no ETA has been set. Please follow our changelog for the latest updates and fixes :

[https://marketplace.zoom.us/docs/guides/stay-up-to-date/changelog/](https://marketplace.zoom.us/docs/guides/stay-up-to-date/changelog/)

Also, while the Web Meeting SDK Component View does not support this feature currently, I can confirm you can change the share sharing setting via client settings. I’ve linked our support article below for your reference:

 ![image](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/7/8/781b5c20aeaacad472409862a5ac6ac79dd9310e.png)

# Changing settings in the desktop client/mobile app

> **[Changing settings in the Zoom desktop/mobile app](https://support.zoom.com/hc/en/article?id=zm_kb&sysparm_article=KB0060612)**
>
> You can use the Zoom desktop app and mobile app to change some settings without signing in to the Zoom

---

<div class="post-metadata">

**Author:** ![ibrahimsabat](https://avatars.discourse-cdn.com/v4/letter/i/f07891/32.png) [@ibrahimsabat](https://devforum.zoom.us/u/ibrahimsabat)\
**Post date:** [May 15, 2023, 1:59pm UTC](https://devforum.zoom.us/t/resizing-web-meeting-sdk-component-view-with-shared-screen/76600/3 "2023-05-15T13:59:54Z")

</div>

@donte.zoom Hi Donte, we are facing the same issue as this post, has this been solved do you think?

---

<div class="post-metadata">

**Author:** ![derek3](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/derek3/32/51372_2.png) [@derek3](https://devforum.zoom.us/u/derek3)\
**Post date:** [August 23, 2023, 8:56pm UTC](https://devforum.zoom.us/t/resizing-web-meeting-sdk-component-view-with-shared-screen/76600/4 "2023-08-23T20:56:26Z")

</div>

@donte.zoom We’re also facing this issue. Any updates on an ETA for this, please?

---

<div class="post-metadata">

**Author:** ![derek3](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/derek3/32/51372_2.png) [@derek3](https://devforum.zoom.us/u/derek3)\
**Post date:** [August 23, 2023, 9:00pm UTC](https://devforum.zoom.us/t/resizing-web-meeting-sdk-component-view-with-shared-screen/76600/5 "2023-08-23T21:00:59Z")

</div>

To provide some more details, in my case the way it behaves is this:

If the presenter has not yet shared their screen, and the web sdk user views the embedded player, then the presenter shares their screen while the embedded player is active, the player will display at the correct size given by `viewSizes` (as explained here: [Meeting SDK - web - component view - Resizing](https://developers.zoom.us/docs/meeting-sdk/web/component-view/resizing/))

However, if the presenter is already sharing their screen when the user arrives, the embedded player grows to a much taller size (3000px). At this point, if the player is resizable, and the user resizes it, it snaps back to a smaller size (though still not quite correct).

---

<div class="post-metadata">

**Author:** ![localized-mentor-rc](https://avatars.discourse-cdn.com/v4/letter/l/5f8ce5/32.png) [@localized-mentor-rc](https://devforum.zoom.us/u/localized-mentor-rc)\
**Post date:** [November 20, 2023, 2:16pm UTC](https://devforum.zoom.us/t/resizing-web-meeting-sdk-component-view-with-shared-screen/76600/6 "2023-11-20T14:16:10Z")

</div>

Is there any fix for this? the ComponentView enlarges significantly with a lot of empty space between the video content and the action buttons as soon someone shares their screen.

---

<div class="post-metadata">

**Author:** ![prathmesh\_patil](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/prathmesh_patil/32/54805_2.png) [@prathmesh\_patil](https://devforum.zoom.us/u/prathmesh_patil)\
**Post date:** [December 23, 2023, 10:27am UTC](https://devforum.zoom.us/t/resizing-web-meeting-sdk-component-view-with-shared-screen/76600/7 "2023-12-23T10:27:57Z")

</div>

Has this issue been resolved? @donte.zoom

---

<div class="post-metadata">

**Author:** ![donte.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/donte.zoom/32/24412_2.png) [@donte.zoom](https://devforum.zoom.us/u/donte.zoom)\
**Post date:** [January 3, 2024, 9:54am UTC](https://devforum.zoom.us/t/resizing-web-meeting-sdk-component-view-with-shared-screen/76600/8 "2024-01-03T09:54:24Z")

</div>

@prathmesh_patil, @derek3, @localized-mentor-rc ,

Thank you for your feedback. I am happy to share it with our internal team. As a first step, could you provide a screen recording that reproduces the behavior with the latest SDK? Once you’ve shared it, I’ll attempt to reproduce the issue on my end and create a ticket to resolve it.

---

<div class="post-metadata">

**Author:** ![connect-sabhe](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/connect-sabhe/32/55448_2.png) [@connect-sabhe](https://devforum.zoom.us/u/connect-sabhe)\
**Post date:** [January 5, 2024, 9:53pm UTC](https://devforum.zoom.us/t/resizing-web-meeting-sdk-component-view-with-shared-screen/76600/9 "2024-01-05T21:53:20Z")

</div>

I am using the latest version namely “@zoomus/websdk” 2.18.0. I am facing a similar issue. If the screen size is set on `init` or using `updateVideoOptions`, and a person (user 1) who had already joined the call, when someone else(user 2) screen-shares, the component extends vertically with a lot of blank space with the shared screen visible in the centre of it. If the user(user 1) manually resizes it, it snaps to one size and isn’t resizable again until the other user 2 stops sharing screen.

---

<div class="post-metadata">

**Author:** ![zoom.isv1](https://avatars.discourse-cdn.com/v4/letter/z/b19c9b/32.png) [@zoom.isv1](https://devforum.zoom.us/u/zoom.isv1)\
**Post date:** [October 24, 2024, 11:24am UTC](https://devforum.zoom.us/t/resizing-web-meeting-sdk-component-view-with-shared-screen/76600/10 "2024-10-24T11:24:51Z")

</div>

@donte.zoom  
“@zoom/meetingsdk”: “^3.8.10”,  
We also same issue in meeting sdk embeedded. can please help on this.

const updateSdkMeetingSize = (widthRef: number) =\> {  
// const client = ZoomMtgEmbedded.createClient();  
client.updateVideoOptions({  
defaultViewType: “active” as SuspensionViewType,  
viewSizes: {  
default: {  
width: widthRef,  
height: 0,  
},  
},  
});  
};

---

<div class="post-metadata">

**Author:** ![donte.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/donte.zoom/32/24412_2.png) [@donte.zoom](https://devforum.zoom.us/u/donte.zoom)\
**Post date:** [October 24, 2024, 3:29pm UTC](https://devforum.zoom.us/t/resizing-web-meeting-sdk-component-view-with-shared-screen/76600/11 "2024-10-24T15:29:05Z")

</div>

@zoom.isv1, Thanks for posting in the Zoom Developer Forum. Can you share more details about the behavior you are seeing ?

---

<div class="post-metadata">

**Author:** ![zoom.isv1](https://avatars.discourse-cdn.com/v4/letter/z/b19c9b/32.png) [@zoom.isv1](https://devforum.zoom.us/u/zoom.isv1)\
**Post date:** [October 25, 2024, 1:54pm UTC](https://devforum.zoom.us/t/resizing-web-meeting-sdk-component-view-with-shared-screen/76600/12 "2024-10-25T13:54:49Z")

</div>

@donte.zoom  
We are currently facing an issue with resizing the video component when the host or speaker initiates and stops screen sharing in the attendee view. Specifically, we are using the `client.updateVideoOptions` function to adjust the video component’s width and height dynamically. However, the size update does not seem to apply when expected.

Below is the implementation in our code:  
const updateSdkMeetingSize = (widthRef: number) =\> {  
client.updateVideoOptions({  
defaultViewType: “active” as SuspensionViewType,  
viewSizes: {  
default: {  
width: widthRef,  
height: 0,  
},  
},  
});  
};

Additionally, we are monitoring the screen sharing status using the `peer-share-state-change` event. When the screen sharing is stopped, we attempt to resize the view with a custom setting:  
client.on(“peer-share-state-change”, (payload) =\> {  
if (payload) {  
const { action } = payload;  
if (action === ‘Stop’) {  
shareScreenView(action);  
}  
} else {  
console.log(‘NO SCREEN SHARED ----------------’);  
}  
});

const shareScreenView = (mode: string) =\> {  
if (mode === ‘Stop’) {  
if (meetingSdkViewFlag === ‘custom’) {  
updateSdkMeetingSize(900);  
}  
}  
};

Despite this setup, the video component does not resize as expected when screen sharing toggles. We would appreciate any guidance or insights you may have to resolve this issue.

Thank you in advance for your support!

---

<div class="post-metadata">

**Author:** ![zoom.isv1](https://avatars.discourse-cdn.com/v4/letter/z/b19c9b/32.png) [@zoom.isv1](https://devforum.zoom.us/u/zoom.isv1)\
**Post date:** [October 29, 2024, 10:31am UTC](https://devforum.zoom.us/t/resizing-web-meeting-sdk-component-view-with-shared-screen/76600/13 "2024-10-29T10:31:29Z")

</div>

@donte.zoom any findings on this?
