如何将子iframe尺寸设置为父级amp-iframe尺寸？

Question

我通过amp-iframes替换了动态内容网页上的iframe元素。请看下面的结构。我不知道iframe的大小，因为布局是响应式的，内容不是静态的：

<amp-iframe width=300 height=200
     layout="responsive"
     sandbox="allow-scripts allow-same-origin"
     class="unknown-size">
    <amp-img class="unknown-size" width="300" height="200" layout="responsive" 
src="/images/logo.png" placeholder>
</amp-iframe>

AMP-iframe响应迅速，工作正常。但我有iframe子元素（如嵌入视频）的问题。底部有一个难看的灰色距离，因为子元素（iframe）没有完全拉伸。

我无法移除嵌入视频下方的冗余灰色空间。有人可以帮帮我吗？

Answer 1

我解决了。使用iframe我包含了JW Player，它的宽高比为16：9。

我将这些值添加到我的amp-iframe中的高度和宽度属性，现在它完美地工作

<amp-iframe width=16 height=9
 layout="responsive"
 sandbox="allow-scripts allow-same-origin">
<amp-img class="unknown-size" width="300" height="200" layout="responsive" src="/images/logo.png" placeholder>
</amp-iframe>