按播放/暂停按钮停止并启动GIF

Question

我想创建一个音乐播放列表，当我按下播放按钮时，gif开始播放，当我暂停播放该歌曲时，我希望它停止播放。当我开始一首新歌时，gif也会开始。我无法弄清楚如何去做。 gif需要暂停，而不是返回到开头。感谢

Answer 1

你应该使用两个不同的图像（一个是jpg，另一个是gif）并使用jQuery，onclick play和pause按钮只需更改图像的src，如：

HTML：

<img src="Your gif image">
<a href="#" class="playbutton"></a>
<a href="#" class="pausebutton"></a>

JQUERY：

$(document).ready(function(){
  $(".playbutton").click(function(){
   $("img").attr("src","GIF IMAGE SOURCE");//EXAMPLE
  });

  $(".pausebutton").click(function(){
   $("img").attr("src","JPG IMAGE SOURCE");//EXAMPLE
  });
 });