webrtc - 控制 uiVideoPanel 的大小

Question

我正在使用带有uiVideoPanel 小部件的vLine JavaScript API来进行 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> 

但是，当一个人呼叫另一个人时，视频会占据整个屏幕，而不是仅 300 像素 x 300 像素。

如何控制视频的大小？

Answer 1

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

例如，对于您提供的 HTML，它将是：

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