如何在angular中嵌入视频url？

我有一个叫做新闻的东西。 它有一个名为嵌入式视频html的属性

this.news.embeddedVideoHtml='some iframe标记和视频url'

如何在html中显示此视频

我已经试过在这个组件中使用html

<div>
{{news.embeddedVideoHtml}}
</div>

但是，这将直接显示作为iframe标记的html，而不是呈现视频

在阅读了这里的评论后，我尝试了innerHtml。但是，这在这里也不起作用

<div [innerHtml]="news.embeddedVideoHtml">

</div>

---

您可以这样做：

<div class="video">
    <video controls #videoPlayer>
        <source src="{{videoSource}}" type="video/mp4" />
        Browser not supported
    </video>
</div>

或者使用一些特定的库，让您可以更好地控制它。有很多例子

---

我最终使用了innerhtml，但在将url用于innerhtml之前，必须对其进行清理。 这是我的HTML

<div [innerHtml]="sanitizeVideoUrl()">

使用innerHTML绑定

import {DomSanitizer} from '@angular/platform-browser';
constructor(private sanitizer: DomSanitizer) {
  }
sanitizeVideoUrl() {
    return this.sanitizer.bypassSecurityTrustHtml(this.news.embeddedVideoHtml)
  }