Skip to main content

Surprise! You can embed Instagram videos in 5 easy steps

video ig hands onInstagram’s new video function will undoubtedly provide the world with some clips worth sharing (and probably some clips nobody should ever, ever see, but that’s another story). And if you want to share an Instagram video masterpiece with your friends in a blog post or on your website, you’re probably wondering if you can embed these videos. 

You can, though it’s not quite as simple as clicking on the embed button for Vines on Twitter or YouTube videos. The art of Instagram video embedding is slightly more complicated. But fear not, young Instagrammer. It can be done! Mashable’s Christina Warren uncovered a good way to get these videos on to your websites. 

[UPDATE: As a commenter mentioned, now you can also use Instaembed to embed these videos. So… that’s probably easier.] 

Step One

Log into your Instagram account and pull up the video URL on your desktop using Chrome or Safari. You don’t have to do anything special to pull it up, just get to the part of your feed where the video you want appears. Firefox fans, I have bad news: You can’t do this on Mozilla. Here I have located my social media savant friend’s first foray into Instagram video. 

Screen Shot 2013-06-21 at 1.59.26 PM
Image used with permission by copyright holder

Step Two 

Right click on the video, and then select “Inspect Element.” A bunch of crazy-looking code will come up at the bottom of the screen. Don’t have a panic attack. You’re on the right track. 

Screen Shot 2013-06-21 at 1.57.24 PMScreen Shot 2013-06-21 at 2.00.48 PM

If you’re looking at code like in this picture, you’re halfway there. So now you’re staring down the source code you need to embed. So it’s on to the next step…

Step Three 

OK, take a closer look at that “Inspect Element” code. Look for the part that starts ‘div class – “Video” and once you find that, look for the part of that section with the words “distilleryvesper” – it should end with “mp4” and if you find it, you’re basically the Indiana Jones of Embedding Stuff. 

It took me a little bit to find mine, but once I clicked on the part highlighted in blue, it popped open a new window with the video in it. Screen Shot 2013-06-21 at 2.10.31 PM

Step Four 

OK, first, rejoice: The hard, vaguely technical part is over. Once you have the URL, go to the Video for Everybody generator. Erase the default code in the boxes and replace it with the code you slyly stole from the bowels of the Internet. You can name your video, too. It should look like this: 

Screen Shot 2013-06-21 at 2.14.19 PM
Image used with permission by copyright holder

Step Five 

Now you stick that code in your personal website and reap the benefits of your incredible video embedding skillsz. You can pick whether autoplay is on or off (be a good netizen and choose off) and whether you will use HTML5 or HTML5 + Flash. You’re basically a coder now. (Just kidding, real coders, please don’t yell at us.)

 Awesome work, great job everyone! But before you start thinking Instagram video is perfect because you can now embed it, let me remind you that Vines are still easier to embed – and you can make your Vines into GIFs, something that’s a little harder to do thus far with Instagram videos. 

 

Editors' Recommendations

Kate Knibbs
Former Digital Trends Contributor
Kate Knibbs is a writer from Chicago. She is very happy that her borderline-unhealthy Internet habits are rewarded with a…
Vertical video haters win the war — Instagram’s IGTV has a horizontal view
igtv stand alone app vs inside instagram 3

Instagram’s IGTV launched with one main differentiating feature from platforms like YouTube -- vertical video. But a year later, IGTV is conforming to traditional video with support for horizontal videos. On Thursday, May 23, Instagram shared an update that brings the more traditional horizontal video aspect ratio to the mobile-focused video platform.

At launch, Instagram said the vertical orientation made sense for the mobile-first platform, allowing for full-screen viewing without turning the smartphone. The original design also appeared to channel the popular Stories format. Horizontal videos could be added to the platform previously, but horizontal videos were surrounded by a lot of empty space. Even turning the smartphone, before the update, didn’t switch to a full-screen horizontal view.

Read more
How to create multiple profiles on a Facebook account
A series of social media app icons on a colorful smartphone screen.

Facebook (and, by extension, Meta) are particular in the way that they allow users to create accounts and interact with their platform. Being the opposite of the typical anonymous service, Facebook sticks to the rule of one account per one person. However, Facebook allows its users to create multiple profiles that are all linked to one main Facebook account.

In much the same way as Japanese philosophy tells us we have three faces — one to show the world, one to show family, and one to show no one but ourselves — these profiles allow us to put a different 'face' out to different aspects or hobbies. One profile can keep tabs on your friends, while another goes hardcore into networking and selling tech on Facebook Marketplace.

Read more
How to set your Facebook Feed to show most recent posts
A smartphone with the Facebook app icon on it all on a white marble background.

Facebook's Feed is designed to recommend content you'd most likely want to see, and it's based on your Facebook activity, your connections, and the level of engagement a given post receives.

But sometimes you just want to see the latest Facebook posts. If that's you, it's important to know that you're not just stuck with Facebook's Feed algorithm. Sorting your Facebook Feed to show the most recent posts is a simple process:

Read more