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> 

ただし、ある人が別の人に電話をかけると、ビデオは 300px x 300px だけではなく全画面表示になります。

ビデオのサイズを制御するにはどうすればよいですか?

Answer 1

positionCSSをrelativeまたはに設定してくださいabsolute。

たとえば、提供した HTML では次のようになります。

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