javascript - 将 onPause/onResume 添加到 Ionic 2 页面中的 Youtube 视频

Question

我有一个小问题需要修复 Ionic 2 中的一个非常基本的演示 Android 应用程序。

当 Youtube 视频在主页上播放时，如果您按下电源按钮或手机进入休眠/锁定模式，Youtube 视频将继续播放。此问题导致 Google 拒绝 Play 商店中的应用程序，因为他们不允许在 Youtube 嵌入中发生这种情况。

所以我需要添加一些代码来在状态改变时暂停视频并在再次唤醒时恢复。

我需要添加的功能似乎称为 onPause 和 onResume，但我不确定如何以及在何处添加代码以使此功能与此自定义 Youtube 代码一起使用。

这里是 repo 中的文件，APK(只有 3mb)只是对空白 ionic 2 安装主页的更改，您可以在其中看到实际的问题。

Github Repo
APK in Github

Answer 1

我想添加评论以补充 n00b 所说的内容，但我还没有 50 点声望。添加到菜鸟答案并给出额外提示。请将 n00b 标记为他首先发布的正确答案。

import { DomSanitizer, SafeResourceUrl} from '@angular/platform-browser';

export class page {
    currentVideoSource: SafeResourceUrl;
    constructor(public navCtrl: NavController, private sanitizer: DomSanitizer) {
        this.currentVideoSource = this.sanitizer.bypassSecurityTrustResourceUrl("youtubeurl");
    }

现在 src 应该可以在 iframe 中使用类似以下内容

[src]="currentVideoSource";