创建一个我需要 iFrame 到现有应用程序的 React-VR 应用程序。我的问题是关于全屏按钮。我如何隐藏此按钮并在我的其他应用程序中进行管理,或者向父级发送消息,表明该按钮已被单击?
最佳答案
找不到任何官方文档,但是如果您查看 VRInstance
的实现你会注意到一个 hideFullscreen
隐藏该按钮的选项。
// vr/client.js
const vr = new VRInstance(bundle, 'VRTEST', parent, {
hideFullscreen: true,
...options,
});
要切换 iframe 的全屏模式,您可以使用类似 screenfull.js 的库。所以你不必担心Fullscreen API的各种跨浏览器实现细节.
只需在您的页面中呈现一个按钮,并使其在单击时为 DOM 元素切换全屏模式。
const vrIframe = document.getElementById('vrIframe');
document.getElementById('vrFullscreenButton').addEventListener('click', () => {
if (screenfull.enabled) {
screenfull.request(vrIframe);
}
});
关于iframe - React-VR iFrame 全屏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44759349/