No picture on Mobile iOS 11 in case of HLS and Videogular player

[Samuel-Ayvazyan]

Use case: Angular 6 + Videogular2 player + AFame + HLS On Mobile, iOS11 Video player is working but no picture. On Desktop everything is working perfectly.

• AFrame version 0.8.2
• Videogular2 version 6.2.2
• HLS.js version 0.10.1

I have created Showcase where you can see the code and the demo. Video player without AFrame working everywhere, but with AFrame I can see the only black screen but the player is working.

GitHub: https://github.com/Samuel-Ayvazyan/videogular-aframe-live-streaming Demo from this repo: http://videogular2-aframe.freedom-dev.com/video-aframe

I suppose that issue can be one of this but required the advice of Aframe contributors:

• In Videogular we are giving src to ".m3u8" by attribute [vgHls] so it is rendered to the player in the correct way. So maybe Aframe trying to get src before this.
• Maybe there is some configuration of AFrame to set Color or Alpha channel for IOS, but I didn't find it.

This is not a duplicate of any other issue, checked all of them and I think this is not a case we had before.

[machenmusik]

In Videogular we are giving src to ".m3u8" by attribute [vgHls] so it is rendered to the player in the correct way. So maybe Aframe trying to get src before this.

By default I think A-Frame tries to use src immediately e.g. if you use a-video with video element selector that is initially invalid. You can try not assigning a-video src until your element is ready, to work around that issue.