如何在 iframe 中运行 WebVR 内容？答案

【问题标题】：How do I run WebVR content within in an iframe?如何在 iframe 中运行 WebVR 内容？
【发布时间】：2016-11-17 10:36:42
【问题描述】：

我有一个 A-Frame WebVR 场景。我正在尝试将其放入 iframe 中。

<iframe src="https://aframe.io/aframe/examples/boilerplate/hello-world/"></iframe>

但是当我进入 VR 时，它不会全屏并渲染到 VR 耳机。如何在 iframe 中启用立体 VR？

【问题讨论】：

【解决方案1】：

您必须在 iframe 上设置 allowvr="yes"。如果你去https://aframe.io，你会看到所有的例子都是iframed，所以你可以按照他们的例子。

<iframe allowvr="yes" src="https://aframe.io/aframe/examples/boilerplate/hello-world/"></iframe>

请注意，这不适用于移动智能手机，因为 iOS Safari 等移动浏览器不允许 iframe 访问设备方向和设备运动传感器。这可以通过将消息设备方向数据发布到 iframe 来解决。这是在https://github.com/googlevr/webvr-polyfill/issues/173

提交的

【讨论】：

嗨@ngokevin，我正在积极尝试在我们的系统中使用aframe 开发网络播放器。我非常感谢您提到的 iOS 解决方案。它对我不起作用。我得到：“阻止尝试从与主页不同的安全来源的子框架添加设备运动或方向侦听器。”我对此进行了搜索，发现了其他一些讨论：github.com/googlevr/vrview/issues/31。你有它为 IOS Safari 工作吗？你能建议吗？非常感谢！
iOS 上的设备运动不再适用于 I-Frame 而没有变通方法。

【解决方案2】：

一个页面上只能存在一个<a-scene>。或者，我们可以将<iframe> 与allowfullscreen="yes" 和allowvr="yes" 一起使用：

<iframe allowvr="yes" allowfullscreen="yes" src="https://aframe.io/aframe/examples/boilerplate/hello-world/"></iframe>

【讨论】：