Zoom Meeting Custom Ui

[tommy (Tommy Gaessler)]

Hey @ninhkhong,

Happy to help!

1. Can you clarify? You have 2 external cameras plugged into your computer? What do you mean by big camera, small camera, and partner camera? I am guessing partner camera is video of participant who joined meeting?

To re position the floating self view camera screen you can use this css,

.suspension-window {
   transform: translate(-444px, 10px) !important;
}

2. To customize the size of the video / Zoom Web UI use the following css (feel free to customize width / height sizing)

#zmmtg-root, .meeting-client, .meeting-client-inner {
  width: 1000px;
  height: 500px;
  position: relative;
}

#wc-footer {
  bottom: auto !important;
  width: 1000px !important;
}

#dialog-join {
  width: 1000px !important;
}

#sv-active-video, .active-main, #sv-active-speaker-view, .main-layout {
  height: 500px !important;
  width: 1000px !important;
}

.suspension-window {
  transform: translate(-444px, 10px) !important;
}

#dialog-invite {
  display: none;
}

Here is what that sizing looks like

Let me know if this helps!

Thanks,
Tommy