在iframe中播放视频时，Ionic Real Android设备会亮起

Question

我正在使用离子来显示iframe中的视频。我曾尝试使用离子的Insomnia和Blacklight，但无济于事。当我在Android设备上播放视频时，屏幕会在视频继续播放30秒后变暗。如何防止屏幕变暗？例如，当我使用YouTube应用时，我的屏幕会保持整个时间而不做任何事情。

home.html的

<p> This is the Iframe in Html File </p>
<p>
<iframe width="100%" height="370" (click)="keepAlive()" [src]="video.video | youtube" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</p>

home.ts

import { Component } from '@angular/core';
import {NavController } from 'ionic-angular';
import { VideoPlayer , VideoOptions} from '@ionic-native/video-player';
import { Insomnia } from '@ionic-native/insomnia';
import { Backlight } from '@ionic-native/backlight';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})

export class HomePage {
  videos: any[] = [
    {
      video: 'https://www.youtube.com/embed/e234gfdd?autohide=1&playsinline=1&showinfo=0',
      title: 'demo1'
    },
    {
      video: 'https://www.youtube.com/embed/3erghj75?autohide=0&playsinline=1&showinfo=0',
      title: 'demo 2'
    }
  ];

  videoOpts : VideoOptions ;
  constructor(public navCtrl: NavController ,private backlight: Backlight,
    public videoPlayer : VideoPlayer,public insomnia: Insomnia) {

  }

  keepAlive() {
    console.log("called");
    this.backlight.on().then(() => console.log('backlight on'));

      this.insomnia.keepAwake()
      .then(
        () => console.log('success'),
        () => console.log('error keepAlive')
      );
  }

  sleepNow() {
      this.insomnia.allowSleepAgain()
      .then(
        () => console.log('success'),
        () => console.log('error sleepNow')
      );
  }
}

Answer 1

我尝试了这个，它帮助了我。

从'@ ionic-native / insomnia'导入{Insomnia};

构造函数（public navCtrl：NavController，public insomnia：Insomnia）{this.insomnia.keepAwake（）。then（（）=> console.log（'success'），（）=> console.log（'error keepAlive'）） ; }