Angular Video 对事件发出多个请求答案

【问题标题】：Angular Video Making multiple request on eventsAngular Video 对事件发出多个请求
【发布时间】：2018-09-19 20:49:02
【问题描述】：

我在处理 Angular 视频时遇到问题，我从 api 获取我想嵌入的视频的 url，所以我使用 angular 的 sanitazer.bypassSecurityTrustResourceUrl 函数在 iframe 标签上注入 url，视频是在那里显示很好没问题，但是每次我单击任何位置，或按下键或滚动窗口时，浏览器都会向请求视频的 url 发出请求，例如，如果播放视频并且视频开始运行，然后我滚动或单击其他地方或从鼠标或键盘触发任何类型的事件再次重新加载视频，我检查浏览器上的网络选项卡，并在我触发的每个事件中发出多个视频请求。

嵌入视频的 HTML

<iframe width="100%" height="315" *ngIf="block.blockType === 'Clip'"
[src]="sanitazeURL(block.blockElement.url)"></iframe>

打字稿

  public sanitazeURL(url: string) {
    const videoUrl = `https://${url}`;
    return this.sanitazer.bypassSecurityTrustResourceUrl(videoUrl);
  }

【问题讨论】：

标签： javascript angular typescript iframe

【解决方案1】：

我在这个问题中找到了解决方案，显然其他人也有同样的问题。 Solution

【讨论】：