WebRTC Card Size in Panel View too big

Hi All,

Hoping someone can point me in the right direction. I've added the WebRTC card to a dashboard via Panel View but the feed is too big for the screen and I have to scroll to view it all.

I'm using a Unifi G4 Doorbell Pro and the resolution is 1600x900 and should be 4:3 with bars.

type: custom:webrtc-camera
url: front_door
background: true

I've tried adding style: "video {aspect-ratio: 16/9; object-fit: fill;}" and style: "video {aspect-ratio: 1; object-fit: fill;}" but neither help and just end up either stretching or squashing the image.

Thanks in advance.

Apr 19 '24 18:04 HidYn

Same issue, any idea how to fix this?

Sep 26 '24 20:09 totalitarian

I also have the same issue with a Reolink E1 Zoom. I guess it is doing horizontal width 100% and not considering vertical height. Would be great if there was a setting so that neither goes above 100%.

Oct 14 '24 08:10 edcoppen

I have the same problem.

For me it is working in SD and middle quality on unifi cam but with 4k it is not working. Only showing part of the video

Dec 29 '24 17:12 HobboRobin

Here it's the same with the following cameras:

Reolink RLC-811WA
Reolink RLC-511W
Reolink Duo 2 Wifi

@AlexxIT can you please help?

Jan 25 '25 13:01 threadstone83

I don't have any cameras with these problems. And I am not an expert in JavaScript to write the style correctly.

Jan 25 '25 14:01 AlexxIT

Too bad. In the past the camera was displayed correctly. I can't say when this started. Maybe since the update where go2rtc was integrated into HA?

Jan 25 '25 16:01 threadstone83

I solved my problem. I don't know why, but the cards on the dashboard were zoomed in. I just zoomed out with the scroll wheel on my mouse and it was fully displayed again.

Jan 25 '25 16:01 threadstone83