I use Google VR View for the web to download 360 videos. But when I upload the video, it says Error, Render: error loading video: [event of the object]

Here is what the console shows:

When I download a sample video from a Google 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 saved 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 a full link to a video in my domain, the video still doesn’t work.
[Edit 2] This is the file structure:
Thanks for helping me!
source
share