subject
I have an editor called summernote (I"ve checked some editors, and this seems to be the case)
when I directly fill in the link to IG: https://www.instagram.com/p/B.
he will generate this code:

<iframe frameborder="0" src="https://instagram.com/p/Bn43FsqjIC1/embed/" width="100%" height="672" scrolling="no" allowtransparency="true" class="note-video-clip">
// ...
</iframe>

enter the ID of the text directly and then display it through the API of IG.

it"s just that when I find that the movie or movie of the embedded content is highly inconsistent, the height set by iframe cannot fully present the IG text because it is fixed.

regardless of whether it is changed to auto or 100% and so on, he will not be able to fully present the text and will be cut, or when the clip is very small, there will be a large blank below, and there will be no way to know the height of the embedded content!

the current practice of the editor is not to use the embedding method provided by IG, but to capture ID through the Internet address and generate iframe and display the text content through IG"s Embedding API.

question
how can I solve this problem? Can use iframe can also be easily embedded, customized height, text will not be cut off, a perfect match.

pretend
I went to IG to start a query: https://www.instagram.com/dev.
. I found that what he wrote seemed to be that only if you were asked to select" embed ", you would get a list of his special instructions, and there was no problem with the instructions when you went there. But he doesn"t seem to have taught or learned through iframe.

Resources
example Web address: https://www.instagram.com/p/B.
IG issuer: https://www.instagram.com/dev.