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

Question

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

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

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

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

以下是repo中的文件,以及APK(仅3mb)只是在空白离子2安装中对主页进行更改,您可以在其中查看操作中的问题.

Github的Github Repo
APK

Answer 1

我会添加一条评论来添加到n00b所说的内容,但我还没有50个声望点.添加到noobs的答案,并给予额外的提示.请先将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";