gifplayer

Customizable jquery plugin to play and stop animated gifs. Similar to 9gag's. New: Video support (webm, mp4)

Basic Usage

1. Add a preview of the gif or video file to your website
2. Specify a ‘data-src’ attribute with the path to the animated gif or video, or simply have an image with the same name and the .gif extension in the same folder of the ‘preview’ image
3. Include jquery.js, jquery.gifplayer.js and gifplayer.css on your site
4. Call the .gifplayer() method for the desired images

<img class="gifplayer" src="media/banana.png" />   <script> 	$('.gifplayer').gifplayer(); </script>

Options

Options can be setup in two ways:

1. Setup as an object when initializing the plugin:

$('.banana').gifplayer({ label: 'play' });

2. Setup as data attributes in the preview image:

<img class="banana" src="banana.png" data-label="play">

Methods (beta)

Use these methods to play and stop the player programatically

$('#banana').gifplayer('play');

$('#banana').gifplayer('stop');

Events (beta)

Use events to do awesome things

$('#banana').gifplayer({     onPlay: function(){         console.log('GIF started',this);     },     onStop: function(){         console.log('GIF stopped',this);     }, });