title: Change height of embedded iframe youtubevid
body: <p>I want to change the height of an embedded  youtube vid. I've read many threads where the solution seems to be adding an extra div outside the iframe element. My problem is that the  element is fetched from the backend and already inside p tag. </p>
  
  <p>this is my html </p>
  
  <pre><code>    &lt;p class="richTextBox" ng-bind-html="getHtml(question.answer)"&gt;&lt;/p&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/bWHkx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bWHkx.png" alt="This is what is fetched from the backend"></a></p>
  
  <p>How can i use css to change the iframe embedded in the ng-bind-html? 
  Thanks! </p>