首页 > js如何控制gif播放

js如何控制gif播放

如题,事件驱动gif的播放如何实现?
每次触发时,gif重新开始播放


补充:
需求:每点击一次,重新播放且仅播放一次gif,不暂停


看看这个吧,孩纸:https://.com/a/1190000004689570


首先图标是gif,用js肯定不能控制它里面动画的动作。
我觉得可以 再搞一张图, 是gif的第一个页面的静态图片。 想要重新播放的时候,首先把img标签中的图片替换成静态图片,然后立马再替换成gif。这样用户看不到卡顿,也能达到重新播放的效果。
思路是这个思路,我没有试过,题主可以试试。


<img src="http://www.dabaoku.com/gif/073/gif001.gif&quot;/><br/>


可参考b站视频下面的4个动画按钮:把动画的每一帧按时间排序做成一个png,同时按钮尺寸设定为与一帧相同,这样通过控制png的位置就能实现动画了 :)

【热门文章】
【热门文章】