如何在IONIC 4中播放HTML字符串形式的视频

Question

我有超文本标记语言字符串从应用程序接口和内部超文本标记语言字符串我得到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}}，因为我认为这会导致您的错误。

另外，现在我输入这个，你似乎使用了两种不同的结构- if中的detail.content，然后尝试在innerHTML中显示detail。

把这两个想法结合起来，试着改变一下：

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

要这样做：

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