The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Is there a way to display an IMGUR GIFV?

+3
Zzbaivong
niquon715
Liquorish
7 posters

Go down

Solved Is there a way to display an IMGUR GIFV?

Post by Liquorish June 26th 2015, 5:28 pm

IMGUR.com used to offer embed codes for their new GIFV gif/video format, but don't offer it currently.  Their FAQ offers alternate embed scripting, but it doesn't seem to work on my forum.

Their embed script reads:  

<blockquote class="imgur-embed-pub" lang="en" data-id="{hash}"></blockquote>
<script async src="//s.imgur.com/min/embed.js" charset="utf-8"></script> 

------------------------------------------------------------------------------

The {hash} is the end of the URL from a post on Imgur. For example, for:
https://imgur.com/tPQhMPl, the embed code would be: 
 

<blockquote class="imgur-embed-pub" lang="en" data-id="tPQhMPl"></blockquote>
<script async src="//s.imgur.com/min/embed.js" charset="utf-8"></script>


Last edited by Liquorish on June 30th 2015, 6:28 pm; edited 1 time in total
avatar
Liquorish
New Member

Male Posts : 10
Reputation : 2
Language : English
Location : Hoover, Alabama and Pensacola, Florida

http://pensacoladaily.forumotion.com/

Back to top Go down

Solved Re: Is there a way to display an IMGUR GIFV?

Post by niquon715 June 26th 2015, 8:07 pm

paste in the direct link they give you just take out the v
niquon715
niquon715
Forumember

Posts : 83
Reputation : 10
Language : english

http://celestialfireacademy.forumotion.com/forum

Back to top Go down

Solved Re: Is there a way to display an IMGUR GIFV?

Post by Zzbaivong June 26th 2015, 8:35 pm

Go to ACP >> Modules >> HTML & JAVASCRIPT >> Javascript codes management
Make sure Javascript code management is enabled then Create a new javascript.

Title * : Imgur Embed
Placement : In all the pages
Javascript Code * :
Code:
$(function () {
    var $imgur = $('a[href*="imgur.com"][href$="#embed"]');
    if ($imgur.length) {
        $imgur.each(function () {
            var $this = $(this);
            $this.replaceWith('<blockquote class="imgur-embed-pub" lang="en" data-id="' + $this.attr("href").split(/imgur\.com\/|#embed/)[1] + '"></blockquote>');
            $.getScript("//s.imgur.com/min/embed.js");
        });
    }
});

Now, you can add the url of Imgur in your post, and add #embed at end of url. Like this:

https://imgur.com/tPQhMPl#embed

https://imgur.com/a/Yl4er#embed
Zzbaivong
Zzbaivong
Forumember

Posts : 101
Reputation : 51
Language : JavaScript ^^

http://devs.forumvi.com

Back to top Go down

Solved Re: Is there a way to display an IMGUR GIFV?

Post by Liquorish June 27th 2015, 9:36 pm

Zzbaivong wrote:Go to ACP >> Modules >> HTML & JAVASCRIPT >> Javascript codes management
Make sure Javascript code management is enabled then Create a new javascript.

Title * : Imgur Embed
Placement : In all the pages
Javascript Code * :
Code:
$(function () {
    var $imgur = $('a[href*="imgur.com"][href$="#embed"]');
    if ($imgur.length) {
        $imgur.each(function () {
            var $this = $(this);
            $this.replaceWith('<blockquote class="imgur-embed-pub" lang="en" data-id="' + $this.attr("href").split(/imgur\.com\/|#embed/)[1] + '"></blockquote>');
            $.getScript("//s.imgur.com/min/embed.js");
        });
    }
});

Now, you can add the url of Imgur in your post, and add #embed at end of url. Like this:

https://imgur.com/tPQhMPl#embed

https://imgur.com/a/Yl4er#embed
Using this script, I tried this using a link to just the GIFV and just a WEBM, then tried links to the gallery pages that contain only these images, and Imgur reports back with messages that the images do not exist.  I get one of two different error messages, depending on what Imgur URL I use to embed.  These images DO exist, however.
avatar
Liquorish
New Member

Male Posts : 10
Reputation : 2
Language : English
Location : Hoover, Alabama and Pensacola, Florida

http://pensacoladaily.forumotion.com/

Back to top Go down

Solved Re: Is there a way to display an IMGUR GIFV?

Post by SLGray June 27th 2015, 11:28 pm

This sounds like an issue with Imgur, not Forumotion.  Have you tried contacting Imgur?


Is there a way to display an IMGUR GIFV? Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51554
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Is there a way to display an IMGUR GIFV?

Post by Liquorish June 30th 2015, 5:10 am

SLGray wrote:This sounds like an issue with Imgur, not Forumotion.  Have you tried contacting Imgur?
On the Imgur website and in a browser using the Imgur URLs, their images display just fine.  I'm having the problems when I try to embed an image into a post on a Forumotion Forum.

Yes, I have contacted Imgur.  Not much success with their suggestions either.

At their suggestion I did find an old unsupported Imgur embed script that works part of the time.  I guess I'll just have to use it.

It is:
<iframe class="imgur-embed" width="100%" height="480" frameborder="0" src="https://i.imgur.com/WKnQwiz.webm#embed"></iframe>

Where https://i.imgur.com/WKnQwiz.webm is the URL of the image.

I guess I'll mark the topic solved... although I'm still having trouble.  Uh, I don't see where I can do that.  Do y'all mark topics as solved? Embarassed
avatar
Liquorish
New Member

Male Posts : 10
Reputation : 2
Language : English
Location : Hoover, Alabama and Pensacola, Florida

http://pensacoladaily.forumotion.com/

Back to top Go down

Solved Re: Is there a way to display an IMGUR GIFV?

Post by brandon_g June 30th 2015, 5:16 am

Edit the 1st post/topic starter to mark it solved. Very Happy


Is there a way to display an IMGUR GIFV? Brando10
Remember to mark your topic Is there a way to display an IMGUR GIFV? Solved15 when a solution is found.
General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

Is there a way to display an IMGUR GIFV? Scre1476
Team Leader
Review Section Rules | Request A Review | Sticker Points
brandon_g
brandon_g
Manager
Manager

Male Posts : 10113
Reputation : 923
Language : English
Location : USA

https://www.broadcastingduo.com

Back to top Go down

Solved Re: Is there a way to display an IMGUR GIFV?

Post by SLGray June 30th 2015, 8:42 am

Are the images just images or animated images?


Is there a way to display an IMGUR GIFV? Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51554
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Is there a way to display an IMGUR GIFV?

Post by Ape June 30th 2015, 9:11 pm

is this now solved as it is marked as so ?


Is there a way to display an IMGUR GIFV? Left1212Is there a way to display an IMGUR GIFV? Center11Is there a way to display an IMGUR GIFV? Right112
Is there a way to display an IMGUR GIFV? Ape_b110
Is there a way to display an IMGUR GIFV? Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19434
Reputation : 2010
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Is there a way to display an IMGUR GIFV?

Post by Derri July 5th 2015, 7:29 pm

Since there was no reply after 5 days we can assume this topic was intentionally marked solved

Topic Archived
Derri
Derri
Helper
Helper

Male Posts : 8711
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum