reactjsmobiletwiliotwilio-apivideochat

Twilio video calls from mobile

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.

enter image description here

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

enter image description here

Landscape mood

enter image description here

Solution

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