Have you been wondering how to embed Instagram Videos on your WordPress blog?
While doing some research on Instagram’s newest feature, Instagram Video, I was irritated that I had to keep leaving the articles to view the videos on Instagram. Fortunately, Amit Agarwal @labnol, personal technology columnist and founder of Digital Inspiration, a widely-read tech and how-to blog since 2004 has developed an easy to use tool to embed Instagram Videos on your WordPress Blog or website.
The tool is called Embed Instagram and I used it to embed Instagram Videos into my lastest article, How Brands Are Incorporating Instagram Video Into Their Content Strategy.
Follow the example below of the first video shared on Instagram from Michelle Obama of Students performing a welcome ceremony at MLK Middle School in Africa
Step 1: From your Instagram stream, view the “Video Page” for the Instagram Video.
Step 2: All you do is copy the url of the Video Page hosed in Instagram
Step 3: Paste the link into the Embed Instagram Generator and you will see a preview of the video. By default, the size is 612 x 612, but you can edit this in your code once you paste in your WordPress Blog or website.
Step 4: Copy the line of code produced by the generator and paste it into the Text tab or HTML of your WordPress Blog or website.
Until Instagram develops the functionality to share directly from Instagram like you can do with videos in YouTube and with Vine, this tool is a great alternative. It sure beats only sharing an image with a url to Instagram, thus sending visitors off your page.
It’s important to note that Instagram doesn’t allow users to attach any Creative Commons style licenses to uploaded media so it best practice to get a confirmation from the Instagram user before using their media on your WordPress blog or website.
It has also come to my attention that videos are not appearing in Firefox. I have contacted the creator of the tool for any insight into this issue.
Thank you for this. I need to incorporate short videos into my WordPress blog. I would really love to upload videos from my iphone 5 to my self-hosted WP blog, but I’m concerned that folks viewing with something other than Safari or without Quicktime may not be able to view the video that’s in .mov. I thought Instagram might provide an alternative. I know it’s super new, so I’ll try to use this method. I’m not sure where you get the Embed Instagram Generator…is it a plug-in? tyvm
Happen on Firefox, mobile devices and maybe other browser too. The html5 dont work on all browser, we listed a couple of better way on how to embed instagram video to your blog here to avoid the MIME type found. error. http://www.handpickedwordpressthemes.com/how-to-embed-instagram-video/
I tried both Instaembed and Embedinstagram to embed Instagram video to my wordpress blog. Both worked when viewed on Safari, but neither worked when viewed on Firefox where I got the ‘No video with supported format & MIME type found.” Is there any not too difficult way I can change the format so it will work on all the major browsers? tyvm
Any new developments on Instagram videos embedded in WordPress blogs NOT playing on the Firefox browser? Pretty common browser. They do play on Chrome and Safari.
Hey everyone. In case you missed it, yesterday Facebook announced today that it will now let you embed Instagram videos on websites and it works perfectly in Firefox. This article shows you how and you eliminate the need for a 3rd party app. 🙂 Happy Instagramming! http://abcnews.go.com/blogs/technology/2013/07/instagram-videos-now-embeddable-on-websites/