Videogular2：静音功能在 iphone、ipad 中不起作用

Question

我们已将 Videogular2 库集成到我们的 Angular 7 项目中。在桌面版 Chrome 和 Safari 上一切正常。但是当我在 Iphone 和 iPad 上进行相同测试时，静音功能不起作用。它在 Android 设备上运行良好。

视频开始播放后，如果我点击静音图标，我仍然会听到音量声音并且图标在 UI 中仍然显示为未静音。

<vg-player (onPlayerReady)="onPlayerReady($event)">
          <vg-overlay-play></vg-overlay-play>
          <vg-buffering></vg-buffering>
          <vg-controls>
            <vg-play-pause></vg-play-pause>
            <vg-playback-button></vg-playback-button>
            <vg-time-display vgProperty="current" vgFormat="mm:ss"></vg-time-display>
            <vg-time-display vgProperty="total" vgFormat="mm:ss"></vg-time-display>
            <vg-mute vgFor="singleVideo" (click)="betterMute(media)"></vg-mute>
            <vg-fullscreen></vg-fullscreen>
          </vg-controls>
          <video #media [vgMedia]="media" id="singleVideo" preload="auto" playsinline>
            <source src="https://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4" />
          </video>
  </vg-player>

我还尝试将点击事件附加到 vg-mute 组件。通过将音量设置为“0”，我无法听到声音，但 UI 中的图标仍然显示为“未静音”。

betterMute(media) {
    console.log(this.api);
    console.log(this.target);
    if (typeof this.target['muted'] === 'undefined' || this.target['muted'] === false) {
      this.target['muted'] = true;
      this.target.elem.muted = true;
      this.api.volume = 0;
      this.target.volume = 0;
    } else {
      this.target['muted'] = false;
      this.target.elem.muted = false;
      this.api.volume = 1;
      this.target.volume = 1;
    }
  }

版本

Videogular2：6.4.0 角度：7 野生动物园：12 Mac 操作系统：10

Answer 1

在<vgMute>之后插入下面的标签：

<vg-volume vgFor="singleVideo"></vg-volume>