Как отловить событие gif изображения?

Question

[Semmy_99]

Ребят, подскажите как отловить событие когда гиф закончила проигрывание.

То есть есть такой кейс, на сайте есть гиф изображение, после просмотра в конце нужно выбрасывать модалку с сообщением, но из-за скорости интернета не понятно у кого-то она может прогрузиться и просмотреться за 10 секунд , а у кого-то за минуту, особенно на мобилах.

Собственно вопрос, можно ли как-то понять что гифка завершила свой цикл, учитывая что цикличности в ней нет, только одна итерация.
Может либа какая есть

Пример

Comments

[Сергей Соколов]

GIF каждый раз новый. или известна продолжительность анимации известна?

[Semmy_99]

Сергей Соколов, статичный. Один и тот же с известной продолжительностью

Answer 1

[hzzzzl]

можно попробовать "засечь" продолжительность гифки, и подгрузить ее яваскриптом типа так
https://codepen.io/anon/pen/ymXerg?editors=1010
и когда она подгружена, то поставить таймер

но если гифы в бакграунде, как в примерах, то наверно не получится (хотяяяя хз, можно попробовать так же подгрузить и подставить свойство css)