# Zoom Web Embed Display Issue In Mobile Portrait Mode

**URL:** <https://devforum.zoom.us/t/zoom-web-embed-display-issue-in-mobile-portrait-mode/41886>\
**Category:** Web\
**Created:** [January 29, 2021, 3:27am UTC](https://devforum.zoom.us/t/zoom-web-embed-display-issue-in-mobile-portrait-mode/41886 "2021-01-29T03:27:35Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![dev12](https://avatars.discourse-cdn.com/v4/letter/d/f19dbf/32.png) [@dev12](https://devforum.zoom.us/u/dev12)\
**Post date:** [January 29, 2021, 3:27am UTC](https://devforum.zoom.us/t/zoom-web-embed-display-issue-in-mobile-portrait-mode/41886/1 "2021-01-29T03:27:35Z")

</div>

Hello,

We’re running into a few issues when embedding Zoom into our website using Zoom SDK. To be more specific, when the original size of our video room is set to 640x360, we’ve got the following issues:

1. The video display becomes disproportionate in mobile portrait mode but return to normal when switching to the landscape mode.
2. When click open the Chat dialog pop up window, the window covers the entire area leaving no place to enter the chat text.

Appreciate if anyone can offer an advice.

Best regards  
DW

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [January 29, 2021, 5:21pm UTC](https://devforum.zoom.us/t/zoom-web-embed-display-issue-in-mobile-portrait-mode/41886/2 "2021-01-29T17:21:15Z")

</div>

Hey @dev12 ,

Happy to help! Can you provide some screenshots so we have a clearer image of the issue?

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![dev12](https://avatars.discourse-cdn.com/v4/letter/d/f19dbf/32.png) [@dev12](https://devforum.zoom.us/u/dev12)\
**Post date:** [February 1, 2021, 9:05pm UTC](https://devforum.zoom.us/t/zoom-web-embed-display-issue-in-mobile-portrait-mode/41886/3 "2021-02-01T21:05:37Z")

</div>

Hi Tommy,

Thanks so much for your response. A few things below that we will need your advice:

1. In portrait mode (Samsung Galaxy S8), the video display is disproportionate (vertically squeezed) and can return to normal when rotating into the landscape mode.  

2. Click More and click to pop up the Chat window. The window covers the entire screen with no edit area to enter the chat text. Exit Full Screen icon is being either covered up or out of the display scope. The vertical scroll bar is also not displayed or functioning.  
 ![Chat pop up_20210201160206](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/e/8/e81dd9c8d00e5a7d9e518ad283d4bcbc35927257.png)

3. How do we tile all the participants on mobile as we do on PC as opposed to Spotlight mode we’re having now.

4. There used to be a top meeting console bar with which we can set the desktop sharing and some other features, but it is no longer available after it being closed. Is there anyway that we bring it back.

Thanks in advance.

Regards

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [February 2, 2021, 8:35pm UTC](https://devforum.zoom.us/t/zoom-web-embed-display-issue-in-mobile-portrait-mode/41886/4 "2021-02-02T20:35:13Z")

</div>

Hey @dev12 ,

Thank you for sharing screen shots of the issue. Our engineers are looking into this. I will provide you with updates. 🙂 (CS-2970)

Can you please share the version number of the Web SDK you are using?

> [@dev12](#):
>
> How do we tile all the participants on mobile as we do on PC as opposed to Spotlight mode we’re having now.

Are you referring to gallery view? If so, version 1.9.0 supports gallery view:

> [@Web SDK update version 1.9.0](https://devforum.zoom.us/t/web-sdk-update-version-1-9-0/42156):
>
> Hello Zoom Developers, here are the updates for the Web SDK version 1.9.0 release : Added Added support for Gallery View. Added support for meeting hosts to send messages to participants in a Waiting Room. Added support for pausing recordings. Enhancements Enhanced display message for blocking participants from certain regions to join meetings. Enhanced messaging to update WebSDK version. Enhanced JSmedia file for Gallery View support, fixing audio issues, and errors within the browsers cons…

> [@dev12](#):
>
> 1. There used to be a top meeting console bar with which we can set the desktop sharing and some other features, but it is no longer available after it being closed. Is there anyway that we bring it back.

Can you please share a screenshot of this issue? 🙂

-Tommy

---

<div class="post-metadata">

**Author:** ![dev12](https://avatars.discourse-cdn.com/v4/letter/d/f19dbf/32.png) [@dev12](https://devforum.zoom.us/u/dev12)\
**Post date:** [February 3, 2021, 10:31pm UTC](https://devforum.zoom.us/t/zoom-web-embed-display-issue-in-mobile-portrait-mode/41886/5 "2021-02-03T22:31:17Z")

</div>

Thank you and have a great day!

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [February 4, 2021, 4:49pm UTC](https://devforum.zoom.us/t/zoom-web-embed-display-issue-in-mobile-portrait-mode/41886/6 "2021-02-04T16:49:44Z")

</div>

Hey @dev12 ,

Can you please try upgrading to version 1.9.0? We have updated some CSS sizing in that version which should hopefully fix the issue for you.

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![dev12](https://avatars.discourse-cdn.com/v4/letter/d/f19dbf/32.png) [@dev12](https://devforum.zoom.us/u/dev12)\
**Post date:** [February 6, 2021, 4:09am UTC](https://devforum.zoom.us/t/zoom-web-embed-display-issue-in-mobile-portrait-mode/41886/7 "2021-02-06T04:09:00Z")

</div>

Thanks Tommy. We’ll get it a try. Bests.

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [February 8, 2021, 7:39pm UTC](https://devforum.zoom.us/t/zoom-web-embed-display-issue-in-mobile-portrait-mode/41886/8 "2021-02-08T19:39:21Z")

</div>

Hey @dev12,

Thank you for keeping us in the loop! One thing I noticed is the Web SDK is in an element with some additional padding and margins. With the current Web SDK, when it comes to smaller screens you may have more luck allowing the Zoom Meeting element to fill the entire screen.

Keep us update if you see Improvement with the latest version of the Web SDK. If not, you may want to set breakpoints so that the Zoom Window takes up as much space as possible on smaller screens.

Thanks,  
Max

---

<div class="post-metadata">

**Author:** ![dev12](https://avatars.discourse-cdn.com/v4/letter/d/f19dbf/32.png) [@dev12](https://devforum.zoom.us/u/dev12)\
**Post date:** [February 9, 2021, 2:56am UTC](https://devforum.zoom.us/t/zoom-web-embed-display-issue-in-mobile-portrait-mode/41886/9 "2021-02-09T02:56:14Z")

</div>

Hello @MaxM,

Done upgrade to v1.9.0. Looks like the video has been improved in the small screen with no vertical squeeze any more in both portrait and landscape. However, chat window still is not working on mobile. Still no where to enter the text in mobile small screen. In mobile full screen, when entering text in the chat window, the window automatically minimize to small screen and covered the entire area with no where to close it. So, overall, the chat window is still very problematic for now. Appreciate if you could advise a fix.

Best regards

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [February 10, 2021, 12:39am UTC](https://devforum.zoom.us/t/zoom-web-embed-display-issue-in-mobile-portrait-mode/41886/10 "2021-02-10T00:39:59Z")

</div>

Hey @dev12,

Thank you for testing that. I’m glad to hear there was at least partial improvement. From here, there are a couple of options. First, we are planning to add a more customizable Web SDK in the future. You can wait for this release to see if the customizability that it offers resolves your issue.

In the meantime, the best option is likely to allow the element containing the Zoom Meeting to take up the entire screen when on mobile. This can either be done through CSS or by advising users to click the fullscreen icon when on smaller devices.

Thanks,  
Max

---

<div class="post-metadata">

**Author:** ![dev12](https://avatars.discourse-cdn.com/v4/letter/d/f19dbf/32.png) [@dev12](https://devforum.zoom.us/u/dev12)\
**Post date:** [February 10, 2021, 4:25am UTC](https://devforum.zoom.us/t/zoom-web-embed-display-issue-in-mobile-portrait-mode/41886/11 "2021-02-10T04:25:52Z")

</div>

Hi @MaxM

Will do. Anxiously waiting for your new release then:)

Best regards

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [February 10, 2021, 11:59pm UTC](https://devforum.zoom.us/t/zoom-web-embed-display-issue-in-mobile-portrait-mode/41886/12 "2021-02-10T23:59:53Z")

</div>

Hey @dev12,

You can stay up-to-date by subscribing to our [changelog](https://marketplace.zoom.us/docs/changelog). 🙂

Thanks,  
Max

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/614bdd549b610bbaa46ff934617683a02bdaa03c.png) [@system](https://devforum.zoom.us/u/system)\
**Post date:** [March 13, 2021, 10:00am UTC](https://devforum.zoom.us/t/zoom-web-embed-display-issue-in-mobile-portrait-mode/41886/13 "2021-03-13T10:00:16Z")

</div>

Closed on March 13, 2021, 10:00am UTC

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