benbro / Videoconference-Dish-CSS-JS

Dynamic plate for video conferencing.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Videoconference-Dish | DEMO

This script respects the Aspect Ratio, allows margins and does not use a grid. Lightweight and easy to understand.

alt text

I have searched the internet a lot and I have not found this script. It just keeps the aspect ratio of a div and covers the largest area of its parent.

Its use is mainly oriented to videoconferencing systems and not to make strange cuts.

It is built with few lines of code. It makes use of JavaScript and CSS. JavaScript is vanilla and surely you can optimize it.

The CSS is really basic, basically I have not wanted to fill this example with code and make it easy to copy and paste.

If you see any errors, I would appreciate if you would indicate the improvement or the bug.

Script without any rights. Public domain.

alt text alt text alt text


Dynamic plate for video conferencing.


Language:CSS 44.3%Language:JavaScript 42.3%Language:HTML 13.4%