Twilio video calls from mobile

Question

I'm facing an issue with the remote participant of Twilio video call container width.

I need to control both of views when it come to the mobile and the desktop, but the result is keeps showing as like the attached image.

I've tried to pass to the Video.connect(token, {video: {width: 300, height: 300}}) but it's also not working.

Also when I'm trying to rotate the mobile into a landscape mood it working as expected like the desktop participant view, could any one please help me with that ?

Also those screenshots describe what I'm saying, portrait mood

Landscape mood

Answer 1

I've fixed my issue with adding a static height to the video element itself and adding an object-fit: contain to it.