添加视频或gif中的链接

Question

你知道点击动画媒体中的元素的任何解决方案，例如gif或视频吗？

附加链接中的示例当我点击（在任何时间）正在运行的人时，我如何打开链接。 link

Answer 1

你可以通过在包含元素上放置一个click函数来使用javascript来完成它：

document.getElementById("media-holder").onclick = function () {
    location.href = "https://google.com";
};

#media-holder {
  cursor:pointer;
}

<div id="media-holder">
  <img src="https://i.giphy.com/media/l2Sqc3POpzkj5r8SQ/giphy.webp" />
</div>

或者您可以将元素包装在锚标记中：

<a href="https://google.com">
      <img src="https://i.giphy.com/media/l2Sqc3POpzkj5r8SQ/giphy.webp" />
</a>

Answer 2

我用Freezeframe.js库解决了我的问题。

演示：https://ctrl-freaks.github.io/freezeframe.js/ Github：https://github.com/ctrl-freaks/freezeframe.js/

在悬停事件中，gif停止，并且每个可点击元素上都有一个静态位置的链接。