gifplayer 控制GIF动画 - FACESOHO知行者

<section><h2>Play on hover:</h2>
<img class="gifplayer" src="/public/jquery/gifplayer/demo/media/banana.png" data-playon="hover" />
</section><hr />

<section><h2>Autoplay:</h2><img class="gifplayer" src="/public/jquery/gifplayer/demo/media/banana.png" data-playon="auto" />
</section><hr />

<section>
<h2>Scopes:</h2>
<img class="gifplayer" src="/public/jquery/gifplayer/demo/media/banana.png" data-scope="one" width="100" />
<img class="gifplayer" src="/public/jquery/gifplayer/demo/media/banana.png" data-scope="one" width="100" />
<img class="gifplayer" src="/public/jquery/gifplayer/demo/media/banana.png" data-scope="one" width="100" /><br />
<img class="gifplayer" src="/public/jquery/gifplayer/demo/media/banana.png" data-scope="two" width="100" />
<img class="gifplayer" src="/public/jquery/gifplayer/demo/media/banana.png" data-scope="two" width="100" />
<img class="gifplayer" src="/public/jquery/gifplayer/demo/media/banana.png" data-scope="two" width="100" />
</section><hr />
<section><h2>Wait until fully loaded:</h2>
<img class="gifplayer" src="/public/jquery/gifplayer/demo/media/banana.png" data-wait="true" />
</section><hr />
<section><h2>Setup alternative source:</h2><img class="gifplayer" src="/public/jquery/gifplayer/demo/media/banana.png" data-gif="/public/jquery/gifplayer/demo/media/banana.gif" />
</section><hr />

<section><h2>Video mode:</h2><img class="gifplayer" src="/public/jquery/gifplayer/demo/media/banana.png" data-mode="video" data-webm="/public/jquery/gifplayer/demo/media/banana.webm" data-mp4="/public/jquery/gifplayer/demo/media/banana.mp4" /></section>
<section><h2>Custom size 1:</h2>
<img class="gifplayer" src="/public/jquery/gifplayer/demo/media/banana.png" width="500px" height="auto" />
</section>
<section><h2>Custom size 2:</h2>
<img class="gifplayer" src="/public/jquery/gifplayer/demo/media/banana.png"  style="width:100%;"  data-mode="video"  data-webm="/public/jquery/gifplayer/demo/media/banana.webm"  data-mp4="/public/jquery/gifplayer/demo/media/banana.mp4" />
</section>

<script src="//cdn.staticfile.org/jquery/2.0.3/jquery.min.js"></script>


<script src="/public/jquery/gifplayer/jquery.gifplayer.js"></script>
<script>$(document).ready(function(){  $('.gifplayer').gifplayer(); });</script>