浏览器窗口全屏时如何让白板正常显示

产品 / 插件：互动白板

平台 / 框架：Web

更新时间：2021-09-09 19:57

问题描述

在浏览器窗口切换至全屏显示时，如果在切换之后对白板不做处理，会出现白板显示内容异常的情况。要想正常显示白板就需要全屏显示后做些处理。

在白板切换至全屏时，配合 requestFullScreen API + "fullscreenchange" 事件监听，在白板全屏切换的监听回调里调用 zegoWhiteboardView 的 reloadView 接口可重新加载白板，以适应当前白板容器大小。

document.addEventListener('fullscreenchange', function(e) {
    zegoWhiteboardView.reloadView();
});

requestFullScreen 各浏览器实现存在较大差异，部分移动端浏览器也不支持，如需在移动端浏览器实现全屏效果请确保能正确切换至全屏，并在白板挂载节点尺寸改变完成之后调用 reloadView 接口。