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;

} }