- Science Projects for Kids
- Star Wars
- Gift Guide
So you want to embed Instagram video into a blog post – let me show you how!
Revised: 7/10/13 with new Instagram update
Instagram announced that there is now a built in share feature allowing you to easily embed Instagram video and Instagram photos into your web pages and blog posts!
Go to your web profile page – note: if you have a private account, you cannot embed photos or videos from Instagram until you make your account public.
Here is an example of a web profile page: http://www.instagram.com/digitalmom
Click on the photo or video you want to embed. On the right side under the heart, you will see a share button. Click that button and copy the code into the HTML on your blog post or web page.
Here is my embedded Instagram video!
Something to note: when you are previewing there’s a chance that your video or photo won’t show until you hit publish.
That’s it! This is a new update as of July 10, 2013 — if you want to do more work, continue reading….
This is the orignal technique for embedding Instagram videos into blog posts ->
First you want to grab the code for the Instagram video. Here is how you can find the code.
Visit the Instagram page of the video you want to embed. For this example, I will be using my own Instagram page: www.instagram.com/digitalmom
Click on the video you want to embed – a page with the video and comments will show.
Right click and get to the menu where you can view page source.
From the page source page – you will be looking for a line of code similar to this:
<meta property=”og:type” content=”video” /> <meta property=”og:video” content=”
The URL after the content=” that ends with .mp4 is what you will want to grab. Copy that URL.
Next, go to your blog post that you are wanting to Instagram video to be embedded into and paste the following into your TEXT screen (where you drop HTML – this will not work on VISUAL!) — replace the INSERTYOURURLHERE – with the url you have copied featuring the .MP4
<iframe src=”INSERTYOURURLHERE” height=”380″ frameborder=”0″></iframe>
You can adjust the height, or also add a width =”xx” if you’d like. Whatever makes your face smile.
There you have it – that is how you embed an Instagram video into a blog post. This will also work with a standard HTML page – I personally use WordPress, not 100% if this will work for Blogger .
Let’s hope that in future releases, Instagram video is easy to embed – like it is in now with video from Vine.
I tested this out with an iPhone and the video shows – woohoo!
Here is my first Instagram Video – Embedded Using the Instructions Above!
YES, it auto plays – unfortunately it will do that since I can’t control the MP4. Thankfully Instagram has a built-in embed feature now!
Side Note: When embedding with an iFrame – the video will NOT show in preview – only when the URL is full published… This tidbit may save you a headache.