PROSAGA码农传奇-虚拟现实VR-React-VR iFrame全屏

<div class =“post-text”itemprop =“text”>
  <P>
    找不到任何官方文档但是如果你看一下它的实现
    <a href="https://github.com/facebook/react-vr/blob/master/ReactVR/js/VRInstance.js" rel="nofollow noreferrer">
       <code>
        VRInstance
      </code>
    </A>
     你会发现一个
     <code>
      hideFullscreen
    </code>
     隐藏该按钮的选项。
  </p>
   <pre>
    <code>
      // vr/client.js
const vr = new VRInstance(bundle, 'VRTEST', parent, {
  hideFullscreen: true,
  ...options,
});

</code>
  </pre>
  <P>
    要切换iframe的全屏模式，您可以使用类似的库
    <a href="https://github.com/sindresorhus/screenfull.js/" rel="nofollow noreferrer">
      screenfull.js
    </A>
     所以你不必担心各种跨浏览器的实现细节
    <a href="https://developer.mozilla.org/en/DOM/Using_full-screen_mode" rel="nofollow noreferrer">
      全屏API
    </A>
    。
  </p>
  <P>
    只需在页面中渲染一个按钮，然后在点击时切换全屏模式以获取DOM元素。
  </p>
   <pre>
    <code>
      const vrIframe = document.getElementById('vrIframe');

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

</code>
  </pre>
</DIV>