js如何控制gif播放

Question

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

---

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

Answer 1

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

Answer 2

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

Answer 3

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