Google VRビデオが読み込まれない

Question

私はGoogleビデオVR View for the webを使って360の動画を読み込んでいます。私はビデオをロードするときしかし、それはエラーを言い、レンダリング：ビデオロードエラー：[オブジェクトイベント]

を。これは、コンソールが表示するものである：

I GoogleのURLからサンプル動画を読み込み、それは魅力的に機能します：https://storage.googleapis.com/vrview/examples/video/congo_2048.mp4

これは私が使っているコードです私のサイトのd）：

<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

EDIT：

設定CORSヘッダ - サーバーの特定の詳細については、http://enable-cors.org/server.html

Answer 2

使用して、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', { 
 
    \t width: '100%', 
 
    \t height: 600, 
 
    \t video: 'http://storage.googleapis.com/vrview/examples/video/congo_2048.mp4', 
 
    \t 
 
    \t is_stereo: true, 
 
     }); 
 
     
 
     //Now I'm struggling. Not working 
 
     var vrView1 = new VRView.Player('#vrview1', { 
 
    \t width: '100%', 
 
    \t height: 600, 
 
    \t 
 
    \t video: 'https://www.youtube.com/embed/OkLa7jkFXpU', 
 
    \t //video: 'http://vcml.cafe24.com/video.mp4', 
 
    \t 
 
    \t is_stereo: false, 
 
     }); 
 
    }

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

Answer 3

あなたは、サンプルのzipファイルから<script src="vrview-master/build/vrview.js"></script>を使用する必要があり、このスクリプト<script src="//storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script>を使用しないでください。