在 web 的 google vr 视图中设置 src 属性答案

【问题标题】：set src attribute in google vr view for web在 web 的 google vr 视图中设置 src 属性
【发布时间】：2016-09-26 06:55:31
【问题描述】：

我想通过这个例子使用 Google vrview-web：googlevrview 如何在iframe 标签中设置src 属性？

以下是链接中给出的示例：

<iframe width="100%" scrolling="yes" allowfullscreen src="https://storage.googleapis.com/vrview/examples/video/index.html?video=examples/video/congo_2048.mp4&is_stereo=true"></iframe>

现在我必须在 src 中设置我的视频 URL，如下所示：

<iframe width="100%" scrolling="yes" allowfullscreen src="<?php echo VIDEO_URL.$data["video"]; ?>&is_stereo=true"></iframe>

它不显示视频。

如果我在下面使用iframe 标签：

<iframe width="100%" scrolling="yes" allowfullscreen src="https://storage.googleapis.com/vrview/examples/video/index.html?video=MY_VIDEO&is_stereo=true"></iframe>

不过，它会在我的页面中打印这些数据：

Output

【问题讨论】：

生成的 iframe 标记是什么样的
正在打印当前页面的整个 HTML

标签： php google-visualization virtual google-vr

【解决方案1】：

假设 VIDEO_URL 包含这个：

https://storage.googleapis.com/vrview/examples/video/index.html?video=

您的 iframe 不能只打印 HTML。请检查您呈现的 HTML/DOM 或 iframe src 值是否正确且未损坏。

此外，您的视频所在的网站必须允许 CORS。跨域资源共享。否则，Google 的脚本不会在 VR 模式下将您的视频加载到 iframe 中。

【讨论】：

Cross origin resource sharing 是什么意思？
如何启用？
视频在我的服务器上，那我为什么要使用谷歌的路径？
也启用了 CORS header("Access-Control-Allow-Origin: *");
您是否在您的服务器上发布了所需的 vrview 库？如果是，那么您不需要启用 CORS ...但是，如果您已将 vrview 发布到您的网站，为什么还需要 iFrame？请参阅link 的自托管部分