我正在使用Bootstrap和javascript进行视频聊天。现在，对于视频聊天中的每个人，他们的视频流都有相同大小的“视图窗口”。两个人加入后，你必须向下滚动才能看到下一个人。我想要的是一种带有自举的方式，从一个单元开始，例如400x400px的尺寸填充整个网格。如果另一个人加入聊天，则会将两个视频调整为相同大小，因此200x200px。然后，如果另一个加入它将再次调整大小到100x100px。
我现在正在使用面板 - 默认设置，因此没有太多的代码显示，我是新手的引导程序，并且无法找到一种方法来做我想要的。
答案 0 :(得分：0)
使用bootstrap网格。您可以根据视频数量动态更改网格类
答案 1 :(得分：0)
让你从
开始<div class="col-xs-8 video-panel"></div>
当一个人加入时，你需要再添加一个div并更新前一个div的类。您可以使用选择器
访问以前的div".video-panel"
然后你可以添加以下类的新div：
<div class="col-xs-4 video-panel"></div>
最终的html将如下所示：
<div class="col-xs-4 video-panel"></div>
<div class="col-xs-4 video-panel"></div>
同样，如果另外一个人加入，则将类更新为col-xs-2以用于选择器.video-panel，然后再添加一个div元素，其中包含类col-xs-2 video-panel
最终的html看起来像这样
<div class="col-xs-2 video-panel"></div>
<div class="col-xs-2 video-panel"></div>
<div class="col-xs-2 video-panel"></div>
更新类并添加新的html标签，您需要使用javascript。添加col-xs-*课程，你必须添加twitter bootstrap的参考