I'm building a simple static website that plays videos. I want some of my content to come from Instagram, but when I embed blockquotes from Instagram I get the entire post-- is there a way to only get the video? I am obviously going to credit creators and Instagram, but I would like to be able to format it to match my website.

Here's an example:

<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/CUSwegHpSXB/?utm_source=ig_embed&amp;utm_campaign=loading" data-instgrm-version="13"></blockquote>
<script async src="https://www.instagram.com/embed.js"></script>

CodePudding user response：

You should to use the instagram API for normal getting a data.

Go to google, you can start from this link.. https://dev.to/hoangit/tutorial-use-instagram-basic-display-api-with-javascript-2j0f

CodePudding user response：

Try this video tag instead

<video src="https://www.instagram.com/p/CUSwegHpSXB/?utm_source=ig_embed&amp;utm_campaign=loading"
class="instagram-media"></video>
<script async src="https://www.instagram.com/embed.js"></script>