如何在iframe中运行WebVR内容？

Question

我有一个A-Frame WebVR场景。我想把它放在iframe中。

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

但是当我进入VR时，它不会全屏显示并呈现给VR耳机。如何在iframe中启用立体VR？

Answer 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

提交的

Answer 2

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

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