我使用videogular 2在Angular 6上显示HLS。它在台式机或安卓手机上工作，但我在IOS:上有以下错误
TypeError: undefined is not an object (evaluating 'this.medias.toArray()[0].elem')
这是我的模板：
<div>
<vg-player>
<video [vgHls]="url" id="singleVideo" controls crossorigin>
</video>
</vg-player>
</div>
使用的验证：
"hls.js"："^0.11.0"，
"videogular 2"："^6.3.0">
找到一种方法让它发挥作用。似乎是基本控件导致了错误。添加自定义控件修复问题：
<vg-player>
<vg-overlay-play></vg-overlay-play>
<vg-buffering></vg-buffering>
<vg-controls>
<vg-play-pause vgFor="singleVideo"></vg-play-pause>
<vg-scrub-bar>
<vg-scrub-bar-current-time></vg-scrub-bar-current-time>
<vg-scrub-bar-buffering-time></vg-scrub-bar-buffering-time>
</vg-scrub-bar>
<vg-time-display vgProperty="left" vgFormat="mm:ss"></vg-time-display>
<vg-mute></vg-mute>
<vg-volume></vg-volume>
<vg-fullscreen></vg-fullscreen>
</vg-controls>
<video #media [vgMedia]="media" [vgHls]="url" id="singleVideo" autoplay>
</video>