Как эмулировать нажатие на паузу в html5-видео?

Question

[pashabomber]

Добрый день!

На странице есть видео в модальном окне:

<video autoplay loop>
		   <source src="video1.mp4" type="video/mp4">
		</video>

Проблема следующая. Если модальное окно закрыть "крестиком", то оно становится невидимым, но видео фактически в нем играет дальше (слышен его звук).
Как эмулировать по нажатию на крестик не только закрытие модалки, но еще и остановку видео?

Заранее спасибо!

Comments

[Максим Тимофеев]

Слово "эмулировать" не уместно. Надо просто остановить видео при закрытии модельного окна.

Answer 1

[Vitaliy Orlov]

<video autoplay loop id="video">
       <source src="video1.mp4" type="video/mp4">
</video>

var mediaElement = document.getElementById("video"); 
mediaElement.pause();

Comments

[pashabomber]

Я не очень хорошо разбираюсь в JS. У меня следующий код отвечает за работу крестика:

$('.popup .close').click(function() {
$('.popup').fadeOut();
});

Как мне добавить ваше, чтобы пауза сработала?

[Дмитрий Беляев]

pashabomber:
$('.popup video').get(0).pause()

[pashabomber]

Дмитрий Беляев: спасибо! Помогло)