Показывать кнопку после того, как видео достигает определенного времени видео

Question

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

<video controls preload=metadata width=1280 height=720>
<source src='media/video.mp4' type=‘video/mp4'>
<p>Please use a modern browser to view this video.</p>
</video>

Как мне добиться этого с помощью Javascript?Все примеры, которые я могу найти, касаются видео на YouTube и использования функции, предоставляемой Youtube.Моя видео развернута во внутренней сети.

Спасибо за помощь,

Answer 1

Вы можете прослушать timeupdate событие элемента <video>.Документацию для этого можно найти здесь .Код в основном будет выглядеть так:

const TIME_TO_SHOW_BUTTON = 60; // 60 seconds;
const video = document.getElementById('video');

video.addEventListener('timeupdate', function showButton() {
  if (video.currentTime > TIME_TO_SHOW_BUTTON) {
    // your logic to show the button
    video.removeEventListener('timeupdate', showButton);
  }
});