Generate Giphy player like Facebook

[lelinhtinh]

Demo

https://jsfiddle.net/baivong/a4z0hz63/embedded/result,html,js/

[SethClydesdale]

That's a brilliant idea ! 👍

I tested it and it works perfectly. 😍 The only thing that I'd recommend changing is the following part, because it's version specific. ( .post-entry is a punbb only class )

var $giphyImg = $('.post-entry img[src*=".giphy.com/media/"][src$="giphy.gif"]');

Something like this should work perfectly cross-version :

var $giphyImg = $('.postbody, .post-entry').find('img[src*=".giphy.com/media/"][src$="giphy.gif"]');

I think it'd be great to distribute this side-by-side with the SCEditor button. Is it alright with you if I include your plugin in my upcoming tutorial ? You'll be credited of course. Let me know 😄

[lelinhtinh]

If so I should remove gifactif.key or keep it?

[SethClydesdale]

@baivong Thanks, and great work ! ^^ Since this will most likely be used alongside the button plugin, it should be fine, because if the user ever changes their API key it'll be changed in your plugin as well. 😉

[lelinhtinh]

I do not understand the meaning side-by-side, but you are free to use it in your way. 😆

[SethClydesdale]

"side-by-side" pretty much means two things that are close together -- similar to the word "alongside". What I meant is I'll share both codes in the same topic. I'll do the same in the repository too, once I add instructions to the readme. ^^

Thanks again for your contribution. 😄