Is there a way to display an IMGUR GIFV? Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

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.
+3
Zzbaivong
niquon715
Liquorish
7 posters

    Is there a way to display an IMGUR GIFV?

    avatar
    Liquorish
    New Member


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

    Solved Is there a way to display an IMGUR GIFV?

    Post by Liquorish Fri 26 Jun - 18:28

    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 Tue 30 Jun - 19:28; edited 1 time in total
    niquon715
    niquon715
    Forumember


    Posts : 83
    Reputation : 10
    Language : english

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

    Post by niquon715 Fri 26 Jun - 21:07

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


    Posts : 101
    Reputation : 51
    Language : JavaScript ^^

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

    Post by Zzbaivong Fri 26 Jun - 21:35

    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
    avatar
    Liquorish
    New Member


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

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

    Post by Liquorish Sat 27 Jun - 22:36

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


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

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

    Post by SLGray Sun 28 Jun - 0:28

    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.
    avatar
    Liquorish
    New Member


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

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

    Post by Liquorish Tue 30 Jun - 6:10

    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
    brandon_g
    brandon_g
    Manager
    Manager


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

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

    Post by brandon_g Tue 30 Jun - 6:16

    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
    SLGray
    SLGray
    Administrator
    Administrator


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

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

    Post by SLGray Tue 30 Jun - 9:42

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


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

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

    Post by Ape Tue 30 Jun - 22:11

    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
    Derri
    Derri
    Helper
    Helper


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

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

    Post by Derri Sun 5 Jul - 20:29

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

    Topic Archived