Resource icon

Instagram BB Code Media Site 1.1

No permission to download

Digital Doctor

Well-known member
WOW ! Demo ?

EDIT:
=== From Yorick's Resource Page ===
This is a BB Code Media Site which automatically converts an Instagram URL such as:

http://instagram.com/p/M3rzfqCIvX

or

http://instagr.am/p/M3rzfqCIvX

into a thumbnail of the image and a link to the image itself, for example:



Works just like any other BB Code Media Site such as YouTube, Vimeo, etc.

This add on does not require any files to be uploaded. Simply install as any normal add-on using the provided XML file.
 

Chris D

XenForo developer
Staff member
There's an example URL in the add-on presentation.

I don't have it installed on my live sites so no demo unfortunately.

Give it a try, and let me know what you think :)
 

Chris D

XenForo developer
Staff member
Ironically, I know next to nothing about Instagram.

Someone asked if doing this with single images was possible, and I found it was, and I found it was relatively straight forward so I knocked it up in about 10 minutes :p

I can look into galleries in the same way, I guess...
 

Chris D

XenForo developer
Staff member
Yeah, I've just looked into it. I don't think Instagram has galleries, as such...
 

Digital Doctor

Well-known member
Simple would work.
(1) A re-nameable tab called Gallery or Instagram.
(2) The page consists of Instagram thumbnails (might need pagination if lots of thumbnails)

Even better (for Xenforo)(if possible) would be .. clicking the thumbnails, would direct you to a thread with a full size instagram image embedded in it. That way it keeps people in Xenforo ... allowing comments and likes ... etc.
 

TeflonDon

Well-known member
Hi @Chris Deeming - is there a way this could work for Instagram vids as well?
It works for videos. You just have to click on them to play.

However I just changed my code to the following, which makes videos a little more intuitive.

Code:
<iframe src="//instagram.com/p/{$id}/embed/" width="612" height="710" frameborder="0" scrolling="no" allowtransparency="true"></iframe>
This uses the provided embed code from instagram, which will now display a play button when the media is a video. It also now displays the instagram username and logo along the top, and the amount of likes/comments on the bottom.
 

19ninety

Member
It works for videos. You just have to click on them to play.

However I just changed my code to the following, which makes videos a little more intuitive.

Code:
<iframe src="//instagram.com/p/{$id}/embed/" width="612" height="710" frameborder="0" scrolling="no" allowtransparency="true"></iframe>
This uses the provided embed code from instagram, which will now display a play button when the media is a video. It also now displays the instagram username and logo along the top, and the amount of likes/comments on the bottom.
Hi, I've opened the .xml in notepad++ , do I replace this code with yours?

Code:
<![CDATA[<a href="http://instagram.com/p/{$id}" target="_blank"><img src="http://instagram.com/p/{$id}/media/?size=t" /></a>]]>
 

19ninety

Member
Duh, was clicking in the installed add-ons ... CP home>BB Code & Smilies>BB Code Media Sites on the left :)
 
Last edited:

19ninety

Member
Try adding this:

Code:
https://instagram.com/p/{$id}
https://instagr.am/p/{$id}
https://instagram.com/p/{$id}/
https://instagr.am/p/{$id}/

Also not sure if its been noted before, but the ?size=l" can be changed to m or s to change the size on the image; large, medium or small.
 

Attachments

Chris D

XenForo developer
Staff member
I haven't done any work on this for over 3 years, there are likely better options available ;)
 
Top