Javascript Twilio视频：如何增加视频大小？

我有一个按钮，允许用户预览他们的视频，通过他们的相机。视频流已成功显示，但我正在努力找出如何改变显示视频的尺寸。这就是我所拥有的：

HTML:

trackAdded

事件触发，但我没有启动

或
维度更改
事件触发并设置
track.dimensions.height
不起作用

我可以使用以下方法缩小视频：

div#local-media {
   width:270px;
    height:202px; 
}

div#local-media video {
    max-width:100%;
    max-height:100%;
}

但我无法将其增加到640x375像素以上。
根据与我们支持团队的一些互动，您似乎应该先尝试在附加视频曲目之前使用CSS设置
的大小。此技术用于quickstart应用程序


然后，在调用inviteToConversation时，尝试传入可选的
localStreamConstraints


看起来您可以指定
视频的尺寸：


然后由
getUserMedia
（WebRTC函数）使用

请记住，您可以在本地调整
捕获
大小。这是从相机捕获的视频轨迹的大小

但是，根据网络条件，浏览器（和接收器浏览器）中的WebRTC引擎可能会决定捕获的视频分辨率太高，无法以所需的帧速率通过网络发送（如果您想权衡时间分辨率和空间分辨率，还可以在捕获器上设置帧速率约束）。这意味着接收端可能接收到比您打算发送的内容小的视频馈送。为了克服这个问题，您可以使用CSS设置
元素的样式，以确保它保持一定的大小，这将导致在接收端根据需要对视频进行放大/缩小

我们计划在将来用更多这些细节更新我们的文档。但你总能从中找到额外的支持help@twilio.com.您可以使用以下css调整屏幕大小。您可以在Quickstart->public->index.css中找到此css文件

远程媒体视频大小


div#远程媒体视频
{
宽度：50%；
身高：15%；
背景色：#272726；
背景重复：无重复；
}
@MeganSpeir我正在开发一个应用程序，将两个用户连接到一个房间进行视频通话。我已经尝试了您回答中提到的所有方法，但它们对我不起作用，当我将远程视频设置为全屏时，它仍在中心，我认为它仍保持其默认宽度。我已尝试设置视频约束，但没有任何更改。请帮忙！！这看起来像是缩小了播放器的大小，而不是增加了它。从这个问题上看，他们似乎无法将其增加到640x375以上。这种CSS样式的HTML示例也很有用。
previewMedia = new Twilio.Conversations.LocalMedia();

Twilio.Conversations.getUserMedia().then(
    function (mediaStream) {
        previewMedia = new Twilio.Conversations.LocalMedia();
        previewMedia.on('trackAdded', function (track) {
        if(track.kind === "video"){
            track.dimensions.height = 1200;
            track.on('started', function (track) { // DOES NOT FIRE
                console.log("Track started");
            });
            track.on('dimensionsChanged', function (videoTrack) { // DOES NOT FIRE
                console.log("Track dimensions changed");
            });
        }
        previewMedia.addStream(mediaStream);
        previewMedia.attach('#local-media')
    }),
    function (error) {
        console.error('Unable to access local media', error);
    };
);

div#local-media {
   width:270px;
    height:202px; 
}

div#local-media video {
    max-width:100%;
    max-height:100%;
}