在视频或 gif 中添加 link

Question

您知道单击动画媒体（例如 gif 或视频）中的元素的任何解决方案吗？

附件 link 中的示例如何在我（随时）单击 运行 人时打开 link。 link

Answer 1

您可以使用 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 停止，每个可点击元素上都有静态位置的链接。