demo
<amp-iframe id="sample-resizable-iframe"
title="Resizable iframe example from 200x200 to 300x300 "
width="150"
height="150"
sandbox="allow-scripts allow-same-origin"
resizable
frameborder="0"
src="https://test.com/AMP/reasize-iframe.html">
<amp-img layout="fill" src="https://test.leadscloud.com/amp-site/placeholder.png" placeholder></amp-img>
<div overflow tabindex="0" role="button" aria-label="Show more">Click to show more</div>
</amp-iframe>
reasize-iframe. html
var message = {
sentinel: 'amp',
type: 'embed-size',
height: size,
width: size,
right: 10
};
console.log('post new embed-height', message);
window.parent.postMessage(message, '*');
он работает на простой демонстрации, но не работает на сложных страницах после загрузки страницы AMP. Я пытался отложить выполнение на setTimeout 3500ms, иногда срабатывает, иногда не работает. Кто-нибудь знает, как это решить?