Our shortcode for Instagram embeds has the crop ratio hard-coded to fit a square image. However, Instagram has supported non-square images for over a year now, and we should be able to support them.
This embed code reverses to [fusion-instagram url="https://www.instagram.com/p/BJcSHUTgAI0/"] , which renders like this:
I see that the image crop ratio is specified in the embed code markup by a padding value on the div wrapping the image: padding:33.2407407407% 0;. I think there should be a way to pull that value when reversing the embed code and convert it to a height parameter on the shortcode.
Our shortcode for Instagram embeds has the crop ratio hard-coded to fit a square image. However, Instagram has supported non-square images for over a year now, and we should be able to support them.
Example of a landscape crop Instagram post: https://www.instagram.com/p/BJcSHUTgAI0/?hl=en
Embed code:
This embed code reverses to
[fusion-instagram url="https://www.instagram.com/p/BJcSHUTgAI0/"]
, which renders like this:I see that the image crop ratio is specified in the embed code markup by a padding value on the div wrapping the image:
padding:33.2407407407% 0;
. I think there should be a way to pull that value when reversing the embed code and convert it to a height parameter on the shortcode.