Как воспроизводить видео в формате HTML String в IONIC 4

Question

У меня есть HTML-строка, поступающая из API, и внутри HTML-строки. Я получаю видео с YouTube на <iFrame></iFrame>

Я хочу показать это видео вместе с HTML.

export class BlogDetailsPage implements OnInit {
  detail = {};
  constructor(public domSanitizer: DomSanitizer, private ms: MasterService) { }

  ngOnInit() {
    var id = this.route.snapshot.params.id;
    this.ms.present();
    this.ms.getblogDetail(id).subscribe(res => {
      this.detail = this.domSanitizer.bypassSecurityTrustResourceUrl(res.content.rendered);
      console.log(this.detail);
      this.ms.dismiss();
    });
  }
}

ВHTML Я отображаю строку с помощью следующего кода

{{detail}}
<div class="blog-box" *ngIf="detail.content != undefined" [innerHTML]="detail">
</div>

Вывод

Я не могу отобразить HTML либо видео.

Answer 1

Это своего рода комментарий / предположение, но мне нужно было пояснить форматирование и пробел.

Я имел в виду удалить {{detail}}, потому что я думаю, что это вызывает вашу ошибку.

Кроме того, теперь я набираю это, похоже, что вы используете две разные структуры - detail.content в if и затем пытаетесь отобразить detail во внутреннем HTML.

Объединяя обе эти идеи, попробуйте изменитьиз этого:

{{detail}}
<div class="blog-box" *ngIf="detail.content != undefined" [innerHTML]="detail">
</div>

Для этого:

<div class="blog-box" *ngIf="detail.content != undefined" [innerHTML]="detail.content">
</div>