2017-11-07 9 views
1

私は動的コンテンツページのiframe要素をamp-iframeで置き換えました。以下の構造を見てください。親if-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)が完全に伸びていないため、醜い灰色の部分が下にあります。

埋め込み動画の下にある灰色の余白を削除できません。誰でも助けてくれますか? enter image description here

答えて

2

私はそれを解決しました。 iframeには16:9のアスペクト比を持つJW Playerが含まれていました。

私は今、そのは、このサイトには、私の重要なヒントを与えた

<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> 
+0

完璧に働いて、私のAMP-iframe内にそれらの高さの値と幅の属性を追加しますhttps://www.jwplayer.com/blog/jwplayer-アンプ構成要素/ –

関連する問題