Problem with HLS on iOS browsers

JordanChazottes commented 6 years ago

Hi, I'm still getting the issue described in #37. I can't play HLS encoded 360/panorama video on iOS browsers. I've tested on differents browsers on my desktop and got no problems so far.

Some info that may be usefull :

Video is on the same domain
I've got crossdomain="anonymous" on my player
I've tested the links post in issue #37 :
- https://videojs-vr.s3.amazonaws.com/latest/example-local.html :heavy_check_mark:
- https://videojs-vr.s3.amazonaws.com/latest/example-local-hls.html :x: (Play but blackscreen)

You can have a demo here

Additional Information

versions

videojs

7.0.3

videojs-vr

1.4.1

browsers

Desktop :

Chrome :heavy_check_mark:
Firefox :heavy_check_mark:
Opera :heavy_check_mark:

iOS iPad v11.2.1:

Safari : Play but blackscreen :x:
Firefox v12.1 : Play but blackscreen :x:
Chrome v67 : "The media could not be loaded, ..." :x:

iOS iPhone v11.4

Safari & Firefox (v12.1) & Chrome (v67) : On every browsers works without fullscreen. In fullscreen I see the whole video stretched :wavy_dash:

vr no-fullscreen vr fullscreen

Android :

Samsung Internet (? default browser) : :heavy_check_mark:

Thanks for your help, Jordan

AndrewStobie commented 6 years ago

11.4 iPhone in not full screen it won't play, but everything works paused HLS in fullscreen it is a blank screen. It plays audio but no video. and with the test pages it is stretched but I can at least see it.

brandonocasey commented 6 years ago

That looks like the native player. Do you have playsinline set on the video element?

joelBrun commented 6 years ago

hello, I just did some tests with chrome on PC and Android.

link	chrome 68 (os Windows 10)	chrome 69 (Android 8 Samsung 8)
https://videojs-vr.s3.amazonaws.com/latest/example-local.html	✔️	✔️
https://videojs-vr.s3.amazonaws.com/latest/example-local-hls.html	✔️	❌ (Sound audible but Image is black) no difference fullscreen or not

is there some properties to set on mobile devices for hls vr to work ?

tmadison-gpsw commented 4 years ago

@joelBrun @JordanChazottes Did you ever figure this out? We have the same problem with iOS and HLS, video plays and you can hear audio but is just a black screen.

naouaro commented 4 years ago

@joelBrun @JordanChazottes Did you ever figure this out? We have the same problem with iOS and HLS, video plays and you can hear audio but is just a black screen.

Hi, I have faced the same issue, I had to dispose the player

videojs(document.getElementById('video-player')).dispose();

videojs / videojs-vr