控制uiVideoPanel的大小

Question

我正在使用vLine JavaScript API与uiVideoPanel widget进行WebRTC视频通话。

我的代码如下所示：

window.vlineClient = client_ = 
  vline.Client.create({"serviceId": serviceId, "ui": true,
                       'uiVideoPanel':'showvideo'
});

和HTML：

<div class='span5'
     style="width:300px;height:300px;background-color: #eeeeee;" 
     id='showvideo'>
</div> 

然而，当一个人打电话给另一个人时，视频占据全屏而不是300px乘300px。

如何控制视频的大小？

Answer 1

确保将CSS position设置为relative或absolute。

例如，使用您提供的HTML将是：

<div class='span5'
     style="width:300px;height:300px;background-color: #eeeeee; position: absolute;" 
     id='showvideo'>
</div>