# 设置视频布局

由于远端的视频画面由服务器拼接,会返回一个完整的 video 类型的 DOM 元素作为子元素,所以您无法通过 CSS 设置 本地界面中的远端视频画面 的布局。

当会议成员众多时,默认的远端视频画面布局可能无法满足您的需求,在这种情况下,您可以调用 setLayout 函数调整视频布局。

# 设置布局

调用 setLayout (opens new window) 设置当前的布局模式。

var layoutMode = 1; /** 自由模式 **/

JCSDK.setLayout(layoutMode);

示例中使用自由模式,您可以修改示例代码中的参数 layoutMode 的值,以此来改为对应的布局模式:

参数值 说明 布局样式
1 自由模式 img
2 矩阵模式
3 大屏X2 img
4 大屏X3 img
12 小屏底部 img
13 小屏顶部 img

# 查看布局结果

在调用 setLayout 设置布局之后,通过布局回调函数 onSetLayout 获取设置布局的结果。ture 表示设置成功,失败表示设置失败。

JCSDK.onSetLayout = function(result){
    // 查看布局结果
};
最后更新时间: 2021/3/26 16:10:06