title: Youtube Iframe on Angular2
body: <p>I m trying to to add a Youtube Iframe inside Angular2 app. If I put the url in the iFrame everything works ok:</p>
  
  <pre><code>&lt;iframe width="560" height="315" src="http://www.youtube.com/embed/wzrnuUOoFNM" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>But if I try to fetch the URL from the server, with a subscription on the OnInit method in the component, like this,</p>
  
  <pre><code>&lt;iframe width="560" height="315" src="http://www.youtube.com/embed/{{video.id}}" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>The video is not displayed and the console shows this error:</p>
  
  <pre><code>Uncaught TypeError: Cannot set property stack of [object Object] which has only a getter
  </code></pre>
  
  <p>I think that it is related with the time of the app to take the data from the server. When the page loads there is no <code>{{video.id}}</code> because is not ready yet, but when is ready for any reason the iframe is not updated.</p>
  
  <p>Any ideas to solve this?</p>