Помогите пожалуйста, дедлайн горит.
 

Делаю некий плеер (взял за основу plyr)
Что имею:
Несколько плееров на странице (потому не выходит использовать id):
document.querySelector('video.vidos');
Ссылку-кнопку под каждым плеером:
document.querySelector('a.link-offer');

Что нужно:
При запуске события воспроизведения - play() спустя 5 сек. остановить видео, и изменить у ссылки с селектором document.querySelector('a.link-offer'); стиль с display:none на соответствено display:block.

Помогите плиз.

Roman Stark,
Если у каждого плеера со ссылкой есть непосредственный общий родитель

var players = document.querySelectorAll('video.vidos');
[].forEach.call(players, function(el) {
   el.addEventListener("playing", function () {
      setTimeout(function() {
          el.stop();
          el.parentNode.querySelector('a.link-offer').style.display = "block";
      },5000);
   });
});

Спасибо, искренне благодарю за ответ.
 

стучался во все двери, нашёл в тот же день. Понимаю что не по регламенту тему создал, потому и ответ долгий, но всё же спасибо! Вопрос решил в тот же день.