更改嵌入式 iframe youtube 视频的高度

Question

我想更改嵌入式 youtube 视频的高度。我已经阅读了许多线程，其中的解决方案似乎是在 iframe 元素之外添加了一个额外的 div。我的问题是元素是从后端获取的并且已经在 p 标签内。

这是我的html

    <p class="richTextBox" ng-bind-html="getHtml(question.answer)"></p>

如何使用 css 更改嵌入在 ng-bind-html 中的 iframe？ 谢谢！

Answer 1

<p class="container">
  <iframe src="" frameborder="0" width=100%; height= 100% ></iframe>
</p>


.container{
  height: 200px;
  width: 300px;
  border: 1px solid red;
}

试试这应该可以。因为 iframe 将采用父级的高度和宽度。