Question

我正在使用videogular2在Angular 6上显示HLS。它可以在台式机或Android手机上使用，但是在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”，

“ videogular2”：“ ^ 6.3.0”

Answer 1

找到一种使其工作的方法。似乎是导致该错误的基本控件。添加自定义控件可解决此问题：

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

如何使videogular2 HLS在IOS上运行？

1 个答案: