I'm using Google [VR View for the web](https://developers.google.com/vr/concepts/vrview-web) to load in a 360 video. But when I load the video, it says **Error, Render: video load error: [object event]**

[![enter image description here](https://i.stack.imgur.com/YcgDH.png)](https://i.stack.imgur.com/YcgDH.png)

This is what the console shows:

[![enter image description here](https://i.stack.imgur.com/cX0HV.png)](https://i.stack.imgur.com/cX0HV.png)

When I load the example video from Google's url, it works like a charm: <https://storage.googleapis.com/vrview/examples/video/congo_2048.mp4>

This is the code I'm using (with the same video, but stored on my site):

```
<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>

```

[Edit] Even with the full link to the video on my domain, the video still doesn't work.

[Edit 2] This is the file structure:

* css
* img
* js
* video
	+ congo.mp4
* index.html

Thanks for helping me out!