Búsqueda de sitios web

javascript - Agregando onPause/onResume a un video de Youtube dentro de una página de Ionic 2

Tengo un pequeño problema que necesito arreglar en una aplicación de demostración muy básica de Android en Ionic 2.

Cuando se reproduce un video de Youtube en la página de inicio, si presionas el botón de encendido o el teléfono entra en modo de suspensión/bloqueo, el video de Youtube continúa reproduciéndose. Este problema hace que Google rechace la aplicación en Play Store ya que no permiten que esto suceda en los videos incrustados de Youtube.

Así que necesito agregar algo de código para pausar el video si el estado cambia y reanudarlo cuando se active nuevamente.

La función que necesito agregar parece llamarse onPause y onResume, pero no estoy seguro de cómo ni dónde agregar el código para que esta función funcione con este código personalizado de Youtube.

Aquí están los archivos en un repositorio, y un APK (solo 3 MB) que es solo un cambio en la página de inicio en una instalación limpia de Ionic 2, donde puedes ver el problema en acción.

Repositorio de Github
APK en Github

Respuesta #1

Añadiría un comentario para complementar lo que dijo n00b, pero todavía no tengo 50 puntos de reputación. Para añadir a la respuesta de n00b y dar una pista extra. Por favor, marca a n00b como la respuesta correcta ya que él publicó primero.

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");
    }

ahora src debería funcionar con algo como lo siguiente en el iframe

[src]="currentVideoSource";

Respuesta #2

Deberías agregar esa URL a la lista de excepciones de DomSanitizer de Angular2. Lo que ves es una característica de seguridad de Angular2 que evita que las personas carguen URLs maliciosas en tu aplicación.

https://angular.io/docs/ts/latest/api/platform-browser/index/DomSanitizer-class.html

Artículos relacionados