360 Video work in Chrome, Edge & Opera but not in Firefox or iOS

[RaviJayagopal]

360 Video work in Chrome, Edge & Opera but not in Firefox or iOS. Can't figure out the problem. Please help.

http://techiiies.com/360-matt-14/

[RaviJayagopal]

<link href="/path/to/video-js-2.min.css" rel="stylesheet"> <link href="/path/to/videojs-vr.css" rel="stylesheet"> <script src="/path/to/video-2.js"></script> <script src="path/to/videojs-vr.js"></script>

<video width="640" height="300" id="video1" class="vjs-matrix video-js-responsive-container video-js vjs-default-skin vjs-16-9 vjs-big-play-centered" controls crossorigin="anonymous" playsinline oncontextmenu="return false;" preload="none" width="auto" height="auto" poster="" data-setup='{"children": {"loadingSpinner":false}, }'> <source src="path/to/mp4" type="video/mp4"> </video> <script> (function(window, videojs) { var player = window.player = videojs('video1'); player.mediainfo = player.mediainfo || {}; player.mediainfo.projection = '360'; var vr = window.vr = player.vr({"projection": 'AUTO', "debug": true, "forceCardboard": false});
}(window, window.videojs)); </script>

[tmadison-gpsw]

@RaviJayagopal Same issue here after updating to the latest version of the VR Plugin 1.7.2 and Video.js 7.8.4, in the iOS simulator inspecting with Safari I am seeing this error No device motion or orientation events will be fired until permission has been requested and granted. https://dev.to/li/how-to-requestpermission-for-devicemotion-and-deviceorientation-events-in-ios-13-46g2 would be great to figure this out ASAP. The demo works for me though https://videojs-vr.netlify.app/examples/360.html

[tmaxim-gpsw]

hi @RaviJayagopal any luck fixing this issue? we tried different versions of the vr plugin in combination with various versions of vide.js but getting the same errors.

And the player has an overlay saying

[tmadison-gpsw]

@tmaxim-gpsw @RaviJayagopal Same thing on a Pixel 4. The URL is being served over https, and the "crossorigin" is set to "anonymous" as well.

[mrjackphil]

I had a problem with iOS

I fixed the issue specify library versions: video.js@7.7.4 videojs-vr@1.7.2

[tmadison-gpsw]

I had a problem with iOS

I fixed the issue specify library versions: video.js@7.7.4 videojs-vr@1.7.2

@mrjackphil Is this an HLS stream?

[martinambrus]

This issue is actually occurring on Android on a Samsung Galaxy S9 as well. Firefox seem to be strangely picky with that WebGL thingy and the behavior on Android is actually very inconsistent. I've been able to actually play 3D videos with VideoJS sometimes, then FF failed to load them completely for like 20 reloads, then it worked on 21st reload and stopped again. It's very strange.

[overdev-l]

你好@RaviJayagopal解决这个问题有什么运气吗？我们尝试了不同版本的 vr 插件和不同版本的 vide.js，但得到了相同的错误。

并且播放器有一个覆盖说

Hello, I have this problem in vue3, videojs can only play audio, but my view is like a black cloth and warns me no video, how should I go about solving this problem, thanks