Angular 4 Component中的iframe问题

Question

我尝试在我的一个模板中使用iframe并使用属性绑定将值分配给iframe中的 src 属性，但它无效。我使用了一些管道来解决这个问题，但主页是在div而不是iframe中呈现。

.subscribe(
            data => { 
                ...
                const videoId = this.video.id.videoId;
                this.videoUrl = 'http://www.youtube.com/embed/' + videoId;
                ...
            }
);

在模板中：

<div class="embed-responsive embed-responsive-16by9">
 <iframe class="embed-responsive-item" [src]="videoUrl" allowfullscreen>
 </iframe>
</div>