Google VR视频无法加载

Question

我正在使用Google VR View for the web加载360视​​频。但是当我加载视频时，它会显示错误，呈现：视频加载错误：[对象事件]

这是控制台显示的内容：

当我从Google的网址加载示例视频时，它就像一个魅力：https://storage.googleapis.com/vrview/examples/video/congo_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 link。 http://vcml.cafe24.com/humble.php

＆＃13;

＆＃13;

    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,
      });
    }

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 3

请勿使用此脚本<script src="//storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script>，您已使用示例zip文件中的<script src="vrview-master/build/vrview.js"></script>。