When using renderVideo, the height, width, x and y coordinates are completely ignored. The video just fills the entire canvas. I’ve made sure the canvas height and widths are set and also tried setting using updateVideoCanvasDimensions using the resize callback code, which I can confirm is definitely working.
The video does get rendered on the canvas, and is of correct proportions, with black bars at the top and bottom. I just can’t position it at all on the canvas or give it a size, it always goes 100% height and width of the canvas.
UPDATE: This is working in the latest version of Safari and Firefox
UPDATE 2: This works on Safari and Firefox when using renderVideo to render your own video, but other people’s video goes full screen still.
This is also inside a React v17 application:
mediaStream.renderVideo( videoRef.current, state.activeSpeaker.id, 240, 135, 200, 200, VideoQuality.Video_720P );
My canvas size is 1682x1357, so plenty of space for the small video.
Which Web Video SDK version?
@zoom/videosdk v1.1.3 and v1.1.4
macOS Big Sur
Thanks in advance!