Ionic 无法在 iOS 上静音 html5 视频

Question

我正在尝试在 Ionic 1.3 / iOS 10 上静音 html5 视频，但到目前为止，该视频仍以等于 1 的音量播放。这是我的 HTML

  <video muted="muted" preload="metadata" x-webkit-airplay="allow" webkit-playsinline="webkit-playsinline" class="videoPlayer" on-tap="onTap(1)">
      <source src="video/article1.mp4" type="video/mp4"/>
  </video>

我知道 muted 属性在 iOS 10 上不起作用，这就是为什么我使用 JS 将音量设置为 cero 但在 iOS 上仍然不起作用，因为它在浏览器中起作用

var video = $('.videoPlayer');
video.each(function(i){
    $(this).get(0).volume // returns 1
    $(this).get(0).volume = 0 // returns 0 in the browser but 1 on iOS
});

知道为什么这不起作用吗？

另一方面，我也尝试使用 cordova-plugin-media，但它似乎不适用于 mp4 文件。谢谢

Answer 1

@ViewChild('videoSelector', { static: false, read: ElementRef }) videoElement: ElementRef;

  ngAfterViewInit() {

this.videoElement.nativeElement.muted = true;

} }