Ionic无法在iOS上静音html5视频

时间:2016-08-03 13:20:39

标签: javascript html5 video ionic-framework

我正在尝试在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文件。感谢

1 个答案:

答案 0 :(得分:0)

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

  ngAfterViewInit() {

this.videoElement.nativeElement.muted = true;

} }