<div class="post" data-behavior="post">
<blockquote class="instagram-media">
<a href="https://instagram.com/p/ChBrAVLrBzc"></a>
</blockquote>
</div>
No notes defined.
{
"media-shortcode": "ChBrAVLrBzc"
}
export default () => {
if (!window.InstagramIframeApiReady) {
const tag = document.createElement('script');
tag.src = '//platform.instagram.com/en_US/embeds.js';
const firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
window.InstagramIframeApiReady = false;
// Instagram api will call this function when initialised.
window.onInstagramIframeApiReady = () => {
window.InstagramIframeApiReady = true;
};
}
};
.post {
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
}
<div class="post" data-behavior="post">
<blockquote class="instagram-media">
<a href="https://instagram.com/p/{{media-shortcode}}"></a>
</blockquote>
</div>