iframe视频奉承

Question

我已将Iframe集成到我的网站中以播放Youtube视频。到目前为止，该方法仍然有效，但不幸的是，当我单击任意位置时，视频都会抖动。

我实现了stopPropagation指令，但没有帮助。将其添加到HTML标签的顶部。

指令

import {Directive, HostListener} from '@angular/core';

@Directive({
    // tslint:disable-next-line:directive-selector
    selector: '[click-stop-propagation]'
})
export class ClickStopPropagationDirective {
    @HostListener('click', ['$event'])
    public onClick(event: any): void {
        event.stopPropagation();
    }
}
<div click-stop-propagation>
  <iframe frameborder="0" height="200" [src]="sanitizer.bypassSecurityTrustResourceUrl(searchData.newUrl)">
  </iframe>
</div>

如何解决此问题？我在浏览器中看到Iframe正在发送永久请求。 Browser Network