videojs-vr icon indicating copy to clipboard operation
videojs-vr copied to clipboard

Problem with HLS on iOS browsers

Open JordanChazottes opened this issue 6 years ago • 5 comments

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

JordanChazottes avatar Jun 28 '18 15:06 JordanChazottes

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.

AndrewStobie avatar Jul 02 '18 14:07 AndrewStobie

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

brandonocasey avatar Aug 01 '18 20:08 brandonocasey

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 ?

joelBrun avatar Sep 21 '18 09:09 joelBrun

@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.

tmadison-gpsw avatar Jul 20 '20 19:07 tmadison-gpsw

@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();

naouaro avatar Jul 28 '20 06:07 naouaro