AMPのIFrameがAMPライトボックス

Question

例では動作しません： -

<amp-lightbox id="my-lightbox" layout="nodisplay"> 
    <div class="lightbox" on="tap:my-lightbox.close" role="button" tabindex="0"> 
     <amp-iframe width="350" height="300" layout="fixed" sandbox="allow-scripts allow-same-origin allow-popups" frameborder="0" src="https://ampbyexample.com/"></amp-iframe> 
    </div> 
</amp-lightbox> 

<button class="ampstart-btn caps m2" on="tap:my-lightbox" role="button" tabindex="0">Open Iframe in Lightbox</button> 

私はまた、上からのiFrame 75％または600PXの位置を操作しようとしたが、それも働いていません。

AMP iFrameには、AMPページでユーザーが選択した配信日を取得するために使用するJquery UI Calendarが含まれています。

AMP iFrameの値を取得して渡すことはできますか？

Answer 1

iframeの表示に問題がある場合は、プレースホルダ画像をiframe要素に追加します。これにより、75％/ 600pxの制限を回避できます。あなたは、親にアンペア-のiframeからこの意志を、データを送信しようとしている場合は更新

<amp-iframe width="350" height="300" layout="fixed" 
       sandbox="allow-scripts allow-same-origin allow-popups" frameborder="0" 
       src="https://ampbyexample.com/"> 
    <amp-img layout="fill" 
      src="https://placekitten.com/g/300/300" 
      placeholder></amp-img> 
    </amp-iframe> 

（追加文のiframeの親とのデータの共有について）

：あなたはこのようにプレースホルダを追加することができますうまくいかない。制限はここで説明されています： https://github.com/ampproject/amphtml/blob/master/spec/amp-iframe-origin-policy.md