How to fill video element with camera image?

#1

I am displaying camera at video element.
I set video element at 16:9 ratio.
But because the image from camera is not 16:9, blank parts appear from both sides.(in gray color)

image

How can I resize image and so fill video element?

#2

I didn’t try but editing VIDEO_LAYOUT_FIT in interface_config.js may work for web clients

#3

This worked for me.

video {
object-fit: fill;
}

#4

hi, i am unable to access my camera while join a meet

#5

:man_shrugging:

ask veterans, sorry

#6

Run a test at test.webrtc.org and share your results.