Zoom web sdk UI design

[tomjose666 (Tom)]

Description
I am trying to increase the width of the speaker view video which appears on the top of main video. But i am not able to do that. Is there any way i can fix it.

Screenshots
https://www.awesomescreenshot.com/image/14140463?key=00a4e4d699b023fcaba994d6a8586596
above is the screenshot for my requirement

Additional context
i didn’t found any documentation for styling the UI.

[tommy (Tommy Gaessler)]

Hey @tomjose666 , happy to help!

You can increase a video stream size like so:

JS

this.stream.renderVideo(canvas, this.self, 1200, 800, 0, 0, 2);

HTML

<canvas id="canvas2" width="1920" height="1080"></canvas>

CSS

#canvas2 {
  width: 100%;
}

Let me know if that helps!

Thanks,
Tommy

[tomjose666 (Tom)]

Hi @tommy , Thanks for your fast reply.
I am using meeting sdk in my web project.is there any way to prevent the floating video screen when i start screen share. what I need is to show both the participants videos on the bounded div only.

[tommy (Tommy Gaessler)]

Hey @tomjose666 ,

With version 2.0.1, in Chrome, there is now side by side mode during screenshare:

Thanks,
Tommy