Я использую ионный для отображения видео в iframe
. Я пробовал использовать Insomnia
и Blacklight
от Ionic, но пока безрезультатно. При воспроизведении видео на устройстве 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')
);
}
}