Встроенное видео YouTube не работает на лениво загруженной странице Ionic3 - PullRequest
1 голос
/ 02 июля 2019

Я пытаюсь вставить видео с 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(), но когда я удаляю эту аннотацию и использую страницу в обычном режиме, это прекрасно работает везде.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...