Добавить ссылку в видео или GIF - PullRequest
Новая
       16

Добавить ссылку в видео или GIF

0 голосов
/ 07 марта 2019

Знаете ли вы какое-либо решение, чтобы щелкнуть по элементу в мультимедиа, например, в формате GIF или видео?

Пример в прикрепленной ссылке, как я могу открыть ссылку, когда нажимаю (в любое время) на работающего парня. ссылка

Ответы [ 2 ]

0 голосов
/ 10 июля 2019

Я решил свою проблему с библиотекой Freezeframe.js.

Демонстрация: https://ctrl -freaks.github.io / freezeframe.js / Github: https://github.com/ctrl-freaks/freezeframe.js/

При событии при наведении изображения gif останавливается, и на каждом интерактивном элементе появляются ссылки со статической позицией.

0 голосов
/ 07 марта 2019

Вы можете сделать это с помощью 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>
...