Закрыть видео при закрытии модального окна

Question

На сайте есть картинка, на картинке иконка (play video). При нажатии на иконки появляется модального окно с видео. Код в целом работает, но не полностью). При повторном нажатии на иконку в модальном окне видео не появляется. (css - не показываю, там все просто).

Вопрос: Как подключить функции "append" или "appendTo", или другую функцию чтобы решить этот ребус?

$('.video-icon').click(function() {
  $('.premium-design__exterior').addClass('open');
});

$('.popup-close').click(function() {
  $('.premium-design__exterior').removeClass('open');
  $('.premium-design__video-wrap').detach();
});

<!-- Video-popup - Exterior -->
<div class="premium-design__exterior" style="display: none;">
  <div class="premium-design__video-wrap df">
    <video preload="auto" autoplay poster="./img/home/sec7_bg.jpg" controls>
				<source src="./video/exterior_design.mp4" type="video/mp4">
			</video>
  </div>
  <img class="popup-close" src="./img/cancel.png" alt="close-icon">
</div>

Answer 1

Возможно это и правильный ответ (у меня все ровно пропускало звук при закрытии), но у меня получилось немного иначе. Я присвоил новый id тегу video и прописал код к нему...

$('.popup-close').click(function () {
    $('.premium-design__exterior').removeClass('open');
    document.getElementById('premium-design__video-ext').pause();
  });

БЛОГ НА HUSL

Закрыть видео при закрытии модального окна

Ответы (1 шт):