Is there a way to display an IMGUR GIFV?

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>

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

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 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.

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

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?

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

Are the images just images or animated images?

is this now solved as it is marked as so ?