React-VR iFrame Fullscreen

Question

创建一个我需要将其imiframe imiframe创建到现有应用程序中的应用程序。我的问题是关于全屏按钮。如何隐藏此按钮并在我的另一个应用程序中管理或向父母发送消息，以单击该按钮？

Answer 1

找不到任何官方文档，但是如果您查看VRInstance的实现，您会注意到一个隐藏该按钮的hideFullscreen选项。

// vr/client.js
const vr = new VRInstance(bundle, 'VRTEST', parent, {
  hideFullscreen: true,
  ...options,
});

要为iframe切换全屏模式，您可以使用screenfull.js之类的库，这样您就不必担心全屏API的各种跨浏览器实现详细信息。

只需在您的页面中渲染一个按钮，然后使其在单击时为DOM元素切换全屏模式。

const vrIframe = document.getElementById('vrIframe');
document.getElementById('vrFullscreenButton').addEventListener('click', () => {
  if (screenfull.enabled) {
    screenfull.request(vrIframe);
  }
});