ionic2 - 在 iOS v10 中嵌入没有声音的 youtube 视频播放答案

【问题标题】：ionic2 - embed youtube video play with no sound in iOS v10ionic2 - 在 iOS v10 中嵌入没有声音的 youtube 视频播放
【发布时间】：2017-03-21 13:06:00
【问题描述】：

我在ionic2 应用程序中嵌入了youtube 视频： Page2.ts： 从 '@angular/platform-browser' 导入 {SafeResourceUrl, DomSanitizer}；

export class Page2 {
  url: SafeResourceUrl;
  constructor(public navCtrl: NavController, 
              public navParams: NavParams,
              sanitizer: DomSanitizer) {
this.url = sanitizer.bypassSecurityTrustResourceUrl('https://www.youtube.com/embed/XHCVWWsQmUs');  
}
}

Page2.html：

<iframe height="190" onload="this.width=screen.width" [src]="url" frameborder="0" ></iframe>

并为配置添加一些首选项：

config.xml：

<allow-navigation href="*://*.youtube.com/*" />  
<allow-navigation href="*youtube*" />
<allow-navigation href="*ytimg*" />
<preference name="AllowInlineMediaPlayback" value="true" />
<preference name="MediaPlaybackRequiresUserAction" value="false" />

它在android 设备上运行良好，但在iOS 中没有声音。我在XCode 控制台中收到此错误：

2016-11-08 10:06:10.648528 app[1066:438304] 错误内部导航拒绝 - 未设置 url='about:blank'

不确定是否是影响声音的问题。

我该如何解决这个问题？会不会是Ionic或Cordova的bug？

【问题讨论】：

标签： ios cordova youtube ionic2

【解决方案1】：

我看到这是一篇较旧的帖子，但我想我会尝试恢复它，看看其他人是否有可行的解决方案。

我对 ionic v1 项目中的嵌入式 YouTube 视频也有类似的问题。请注意，我使用 AngularJS 模块嵌入 Youtube 视频 ng-youtube-embed 在这里找到：

https://github.com/ArunMichaelDsouza/ng-youtube-embed

除了 iOS 上的音频外，一切都按预期工作。如果设备切换到静音模式（使用硬件静音切换按钮），音频将静音。当铃声重新打开（硬件切换）时，音频会按预期播放。在研究这个问题时，我不断发现这是 Cordova 的一个问题。音频被视为 UI 声音/音效，并且在静音开关打开（铃声关闭）时不会播放。

我遇到的唯一解决方案充其量只是半生不熟，并且阅读了一些帖子，指出他们的应用被 Apple 拒绝了，因为它采用了骇人听闻的解决方案（一个强制背景音频声音的插件）。否则它可能是“就是这样”。 :(

【讨论】：

我不确定如何解决，但我相信它已解决。除了更新到 ionic 的更高版本之外，我没有做任何特别的事情，如果这些信息对您有帮助的话。