谷歌VR视频不加载

Question

我正在使用Google 虚拟现实网络视图加载一个360视频。但是当我加载视频时，它是错误，呈现:视频加载错误:对象事件

​

​

这就是控制台显示的内容：

​

​

当我从Google的url加载示例视频时，它就像一个魅力：2048.mp4

这是我使用的代码(使用相同的视频，但存储在我的站点上)：

<div id="vrview"></div>

<script src="//storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script>

<script>
    window.addEventListener('load', onVrViewLoad)
    function onVrViewLoad() {
        var vrView = new VRView.Player('#vrview', {
            video: 'video/congo.mp4',
            is_stereo: true 
        });
    };
</script>

编辑，即使完整的链接到视频在我的领域，视频仍然不工作。

编辑2这是文件结构：

• css
• img
• js
• 视频
  • congo.mp4

​

• index.html

谢谢你帮我！

Answer 1

编辑：

设置CORS标头-有关服务器特定的详细信息，请参见http://enable-cors.org/server.html

Answer 2

使用两个必需的参数(宽度、高度)，然后它在不设置CORS头的情况下运行良好。

然而，我现在正在努力解决类似的问题，在处理本地或青年360视频。也就是说，我只能运行一个提供的示例文件，但不能运行真正的360文件。你有什么进展吗？

我的帖子：https://stackoverflow.com/questions/41312283/how-to-play-youtube-360-videos-using-vrview-web

cf链接http://vcml.cafe24.com/humble.php

​

    window.addEventListener('load', onVrViewLoad);

    //It works
    function onVrViewLoad() {

      var vrView = new VRView.Player('#vrview', {
    	width: '100%',
    	height: 600,
    	video: 'http://storage.googleapis.com/vrview/examples/video/congo_2048.mp4',
    	
    	is_stereo: true,
      });
      
      //Now I'm struggling. Not working
      var vrView1 = new VRView.Player('#vrview1', {
    	width: '100%',
    	height: 600,
    	
    	video: 'https://www.youtube.com/embed/OkLa7jkFXpU',
    	//video: 'http://vcml.cafe24.com/video.mp4',
    	
    	is_stereo: false,
      });
    }

	Congo Video
  <div id="vrview"></div>
  
	Youtubu Video
  <div id="vrview1"></div>

​

Answer 3

不要使用这个脚本<script src="//storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script>，您可以从示例zip文件中使用<script src="vrview-master/build/vrview.js"></script>。