Я пытаюсь вставить видео с YouTube через приложение iframe API
в Ionic 3 на лениво загруженную страницу.
sample.ts
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { IonicPage } from 'ionic-angular';
@IonicPage({
name: 'samplePage',
segment: 'sample'
})
@Component({
selector: 'page-sample',
templateUrl: 'sample.html'
})
export class SamplePage {
constructor(public navCtrl: NavController) {
}
}
sample.module.ts
import {NgModule} from '@angular/core';
import {IonicPageModule} from 'ionic-angular';
import { SamplePage } from './sample';
@NgModule({
declarations: [
SamplePage
],
imports: [
IonicPageModule.forChild(SamplePage)
],
exports: [
SamplePage
]
})
export class SamplePageModule {
}
sample.html
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoID" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Я ожидал, что это видео YouTube будет работать во всех браузерах, но это случайно.
Видео не работает в браузере Chrome, но когда я открываю режим разработчика или изменяю размер экрана, оно работает.
Это происходит только тогда, когда я добавляю его на загруженную ленту с помощью аннотации @IonicPage()
, но когда я удаляю эту аннотацию и использую страницу в обычном режиме, это прекрасно работает везде.