【发布时间】：2020-06-22 10:33:07
【问题描述】：
在缩放会议或信使会议中，每个参与者的视频容器都会动态获取高度和宽度。考虑到下面的图片，假设蓝色框是主要容器 - 如果只有一个参与者，我需要给他/她（视频播放器 1）完整的宽度和高度。
如果有两个参与者，他们会像图2那样取高度和宽度，如果有3个参与者，他们会像图3一样取高度和宽度......
有没有办法只使用 css 来做到这一点？或者有没有图书馆可以做到这一点？
我的场景：假设我是一名教师。我的班有10个学生报名。当我开始视频会议时，在学生视图中 - 我创建 3x3 网格。但是当有人加入那个会议时，我想根据主容器给他/她完整的宽度和高度，因为他/她是唯一的参与者。其他参与者的网格将保留在未加入的容器上。如果我滚动底部，我可以看到。如果另一个学生加入，我想给出像 pic-2 这样的高度和宽度。如果另一个学生像 pic-3 一样加入......
我可以用 javascript 来做，但我想用 css 来做。
谢谢。
【问题讨论】：
-
用户如何登录此聊天？
-
@SimoneRossaini 我更新了描述。他们通过单击按钮加入，教师正在倾听每个新参与者。
标签： javascript jquery css html5-video