Zoom Web Embed Display Issue In Mobile Portrait Mode

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

Hey @dev12 ,

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

Thanks,
Tommy

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

  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

Hey @dev12 ,

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

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

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

Can you please share a screenshot of this issue? :slight_smile:

-Tommy

Thank you and have a great day!

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

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

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

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

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

Hi @MaxM

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

Best regards

Hey @dev12,

You can stay up-to-date by subscribing to our changelog. :slightly_smiling_face:

Thanks,
Max