Keep the client video size ratio same as the broadcasting side video size. about eeducation

[srs888001]

It looks like you need to set the video resolution:https://docs.agora.io/en/Video/video_profile_web?platform=Web

[alexwenbj]

Is this configure only for the broadcasting side(local stream)? I set up the Screen Profile via setScreenProfile() (cause I used the screen sharing stream) for the local stream, but it not worked.

[plutoless]

setScreenProfile is for screenshare. you will need to use setVideoProfile or setVideoEncoderConfiguration for camera.

[alexwenbj]

What I need is the share screen video ratio in the client side. @plutoless

[alexwenbj]

I ran this demo, and it keep the same ratio for both broadcasting side and client side. But I can't find which configure make it do that.

[srs888001]

In demo, we use the CSS property object-fit: contain!important; to control the client display.
However, there is a compatibility problem with this property. You need to adjust it yourself.

[alexwenbj]

@srs888001 Got it, Thank you.

[alexwenbj]

@srs888001 It seems that all the modern browsers are support this property.
https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit