我想制作音乐播放列表,当我按下播放按钮时,gif开始播放,当我暂停播放歌曲时,我希望它停止播放。当我开始一首新歌的时候,gif也开始了。我无法弄清楚如何去做。 GIF需要暂停,而不是返回到开始。由于按播放/暂停按钮停止并启动gif
0
A
回答
0
您应该使用这两种不同的图像(一个为JPG的d另一种是GIF)和使用jQuery的onclick播放和暂停按钮只是改变图像的像源:
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
});
});
相关问题
- 1. Android更改播放按钮停止并停止播放按钮
- 2. 暂停播放按钮
- 3. 控制播放/停止/暂停e.t.c.播放媒体的按钮
- 4. Swift:播放停止按钮
- 5. HTML5音频播放器停止和暂停按钮不工作
- 6. 添加播放暂停和停止按钮到Loopedslider
- 7. Ios“停止”按钮对应于“播放”和“暂停”
- 8. 实现一个Coda Slider停止/暂停/播放按钮
- 9. 当播放按钮暂停时阻止播放HTML5视频
- 10. 使用按钮播放/停止动画
- 11. 播放暂停单个按钮
- 12. 播放/暂停按钮HTML5音频
- 13. HTML5 Javascript播放/暂停按钮
- 14. 暂停/播放按钮监听器
- 15. 在Chromeless Youtube中播放/暂停按钮?
- 16. Wistia API播放/暂停按钮
- 17. 自定义播放暂停按钮Iphone
- 18. 如何隐藏播放/暂停按钮?
- 19. 切换播放/暂停按钮
- 20. 播放暂停按钮问题?
- 21. 在vb 2010暂停/播放按钮
- 22. .wav文件的播放/暂停按钮
- 23. CountDown计时器:暂停按钮不会暂停或变回播放按钮
- 24. 暂停按钮在切换播放/暂停时不工作
- 25. AS3暂停按钮不播放阵列中暂停的歌曲
- 26. 自动播放暂停/播放按钮(Flash AS3)
- 27. MediaPlayer - 当放开并按下按钮时播放和停止
- 28. 如何在Apple TV上播放/暂停按钮播放/暂停AVAudioPlayer
- 29. 播放和停止在一个按钮
- 30. jquery播放和停止按钮
在这里看到:http://superuser.com/questions/39895/pausing-a-gif-animation-in-google-chrome&http://stackoverflow.com/questions/5818003 /停止-A-GIF动画,onload事件上谋seove-start-the- – sebastian
为什么不使用两个图像:一个是静态的,一个是gif;然后切换? – srifqi