Tutorial 'WebVR 360 Video' behaves differently on different platform


I am having issues with embedding 360 video in WebVR.
The video’s behaviour is inconsistent across different devices and browsers, and I can’t seem to find a way for 360 video to work with chrome in google daydream or cardboard.

I get the following results testing google pixel (daydream/cardboard) on Chrome version 58.0.3029.83 & Android 7.1.1
Magic Window mode: only video sound.
Vr mode(daydream): only first frame of video with no sound

With Chrome version 55.0.2883.91 & Android 6.0.0 ( using an asus zen fone)
None vr mode: works normally.
Vr mode(cardboard): a blank black screen.

Any suggestions or workaround? Thanks in advance!


You have not provided a link to your project, making debugging impossible.

Hi, here’s the link


It’s totally the same as tutorial WebVR 360 Video without any modification.



Have you tried to debug it? By opening Dev Tools > Console, you straight away can see a log about the problem there.

More on debugging, please read those docs: https://developer.playcanvas.com/en/user-manual/scripting/debugging/