search

videojs / videojs-vr

A plugin to add 360 and VR video support to video.js.
https://videojs-vr.netlify.com/
MIT License
543 stars 145 forks source link

ios fullscreen safari black with audio doesn't play not fullscreen #109

Open AndrewStobie opened 6 years ago

AndrewStobie commented 6 years ago

on Iphone safari or chrome either one has the following behavior:

loads still images in 360 (HLS and mp4) clicking the play button takes it into fullscreen in what seems to be the native player (this is different than android) when in fullscreen it is a black screen with audio playing (mp4 and HLS).

cross origin IS set to anonymous so that isn't the issue.

Any help would be appreciated.

brandonocasey commented 6 years ago

perhaps you need playsinline on the video element? by default ios switches to the native player without that.

AndrewStobie commented 6 years ago

with playsInline it doesn't play a black screen but it doesn't allow for full screen and it take much longer to load. So that is just an update of where I am with this.

AndrewStobie commented 6 years ago

does anyone else have this issue?

jorsebsant commented 6 years ago

Hi! we had the same issue in a project i was working before, as far as i know the only way to make the vr work is to add the "playsinline" property, and yeah i know, it disables the Fullscreen feature but is the only way to make it work on IOS device, seems like you can have the vr but not the fullscreen and viceversa. If you find another way to do this just let me know but....i tried a couple of things and those were my conclusions

nejindal commented 5 years ago

Hi, I am also facing the same issue in our project where native player shows black screen in full screen mode but I did not find any documentation which says playing vr in native player is not supported on IOS devices. Any help would be appreciated?