Автоматическое закрытие модального режима после воспроизведения видео. Функция тайм-аута не работает

Question

Я вообще не знаю кодирования и столько всего собрал только через интернет.

Вот скрипка

    <script type="text/javascript">
  $('#overlay').modal('show');

setTimeout(function() {
    $('#overlay').modal('hide');
}, 5000);

Answer 1

Измените его на этот

setTimeout(() => {
  $('#overlay').hide();
}, 12000);

.modal класс является частью другой библиотеки / фреймворка (я подозреваю Bootstrap)

Кроме того, вам не нужно $('#overlay').modal('show'), если вы хотитеон появляется при загрузке страницы

И, если вы хотите, чтобы это произошло в конце видео, тогда:

1) Вам необходимо удалить атрибут loop из элемента <video>

2) Вам необходимо добавить EventListener, который будет ждать события окончания видео.

Что-то вроде

const video = document.querySelector('video');

video.onended = (event) => {
  $('#overlay').hide();
};

JSFiddle link https://jsfiddle.net/67ujLnsx/