Aspect ratio set

[nagyrobi]

Please add an option to enforce card's aspect ratio, similar to HA's picture entity card.

My Hikvision camera's substream has an aspect ratio of 4:3 while the video itself is actually 16:9, and it appears vertically stretched.

If we could set the card height not to reszize automatically to video's aspect, but instead, with optional parameter allow setting a custom card aspect ratio (for 16:9 this is 1.78) it would be great.

VLC displays the stream correctly but I'm sure there's a glitch in the stream itself. No way to fix it in the camera (could use the main stream of 2K resolution, that has the correct ratio, but it's too much for Lovelace, useless here. Substream is enough.)

[nagyrobi]

I've got partial results with:

• set object-fit: fill; in the CSS of the video (here)
• set height: 70%; for ha-card

[AlexxIT]

Same as #21
If you know JS enough, you can propose the fix. I'm not JS expert

[nagyrobi]

Me neither. The problem is that the two changes above do the correct ratio, but in Lovelace bottom of the card remains black. Card height is not correctly adjusted.

[AlexxIT]

So we waiting some JS guru :)

[nagyrobi]

Posted something to #21 (comment)