html - Twilio 视频轨道不适合 div

Question

所以这里我有个人代码，可以在他们加入房间时将他们的预览/本地轨道添加到屏幕上的 div。我可以很好地获取流，但是每当我将它放入我的 div 时，它都不会适合它的大小，因此它在屏幕的底 Angular 出现了一个较小的流。

div.css

#localMediaTrackDiv{
    width: 200px;
    height: 200px; 
    margin: auto;
    bottom: 0;
    right: 0;

    position: absolute;
    border: solid blue 1px;
}

react /html

componentWillMount(){
    // Request audio and video tracks
    createLocalVideoTrack({audio: false, video: { width: 250 } }).then(track => {
        var localMediaContainer = document.getElementById('localMediaTrack');
        localMediaContainer.appendChild(track.attach());
    });
}

<div id='localMediaTrackDiv'>
    <div id='localMediaTrack'/>
</div>

Answer 1

尝试在 <video /> 上设置 css 宽度元素，像这样:

#localMediaTrackDiv video{
    width: 200px;
    height: 200px; 
}

这对我有用。