title: Issue with iframe in Angular 4 Component
body: <p>I'm trying to use iframe in one of my template and used property binding to assign the value to the <strong>src</strong> property in iframe and its not working. I used some pipes to fix this problem but the home page is rendering in that div instead of iframe.</p>
  
  <pre><code>.subscribe(
              data =&gt; { 
                  ...
                  const videoId = this.video.id.videoId;
                  this.videoUrl = 'http://www.youtube.com/embed/' + videoId;
                  ...
              }
  );
  </code></pre>
  
  <p>In Template:</p>
  
  <pre><code>&lt;div class="embed-responsive embed-responsive-16by9"&gt;
   &lt;iframe class="embed-responsive-item" [src]="videoUrl" allowfullscreen&gt;
   &lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>