iframe中的src为空时如何变空白

Question

当用户点击地图上的任何一个标记点​​时，我需要显示一个视频（如果存在）。但现在，它加载一个主页面，当我点击任何一个标记时，任何人都可以帮我解决这个问题。我不确定html是否正确。

HTML：

<iframe class="video" [src]="video" frameborder="0" allowfullscreen></iframe>

TS：

public video:any;

map.on("click", "points" + i, e => {
                    this.data = e.features[0].property;
                    this.data = JSON.parse(this.data.field);
                   if(this.mapData.video) {
                    that.video = this.sanitizer.bypassSecurityTrustResourceUrl(this.data.video + '?autoplay=0&showinfo=0&loop=1&rel=0');
                   }
                  });