Trying to add Instagram content to a web site was a chore. Now Instagram makes it easy by letting users copy embed code to paste and share anywhere on the web.
Earlier this week, I wrote a post about Instagram adding landscape support to the iOS app. This is important because if you ever try to use your Instagram videos on your website or blog, the videos could produce thick black bars if you recoded them in portait mode, but viewed them in landscape (widescreen) format.
The correct video format was only half the battle, as you had to jump through hoops just to get Instagram content on your site in the first place. Instagram has just went the extra-mile and let users copy/paste embed code directly from Instagram content online.
Of course, the images have to be designated “public” by the author, but essentially any photo or video can be embedded on a website in a couple easy steps:
Step 1: Visit Instagram.com from your computer (can’t be done via mobile apps) and click the image or video you want to embed
Step 2: Click the share button (a little box with an arrow inside of it) located beneath the comment button
Step 3: Click the “Copy Embed Code” button to add the code to your computer’s clipboard to be pasted on a web site
(Pro Tip: If you want to use the code on a WordPress site, be sure to paste the code in the “text” tab of a new post entry)
Voila! Instagram even kept the box shape to the photos/videos, so the dreaded black bars are not visible at all, even if you forget to record in landscape mode, which I suggest you practice shooting all your videos in landscape mode, just to be safe.
Will you add more Instagram content to your site now it’s easy to accomplish?
Source: Instagram blog