I'm using videogular2 to display HLS on an Angular 6. It's working on desktop or Android mobiles, but I have the following error on IOS :
TypeError: undefined is not an object (evaluating 'this.medias.toArray()[0].elem')
Here is my template :
<div>
<vg-player>
<video [vgHls]="url" id="singleVideo" controls crossorigin>
</video>
</vg-player>
</div>
Verions used :
"hls.js": "^0.11.0",
"videogular2": "^6.3.0"
Find a way to make it work. It seems that it is the basic controls that cause the bug. Adding a custom controls fix the issue :