Google VR 视频无法加载

Question

我正在使用 Google VR View for the web 加载 360 度全景视频。但是当我加载视频时，它显示 Error, Render: video load error: [object event]

这是控制台显示的内容：

当我从 Google 的 url 加载示例视频时，它就像一个魅力：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>

[编辑] 即使完整 link 我域中的视频，视频仍然无法播放。

[编辑 2] 这是文件结构：

css
img
js
视频
- congo.mp4
index.html

谢谢你帮我！

Answer 1

编辑：

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

Answer 2

使用两个必需的参数（宽度，高度），然后不设置 CORS 也能很好地工作 headers。

但是，我现在正在努力解决在处理本地或 youbute 360 视频的情况下的类似问题。即我可以运行只是一个提供的示例文件，而不是真正的 360 度文件。你有什么进展吗？

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

比照link。 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>。

Google VR 视频无法加载

Google VR video doesn't load

javascript

video

google-vr