Приостановить <video> при закрытии модального Bootstrap

Question

Приостановить <video> при закрытии модального Bootstrap

0

При использовании модальных окон Bootstrap 3 обычно содержимое находится в том же окне, поэтому, когда вы закрываете модальный, вы просто скрываете его на одной странице. Если это <video>, оно будет продолжаться до тех пор, пока вы не обновите страницу, или не заново отпустите modal, чтобы приостановить ее (поскольку ее невозможно остановить).
Как сделать паузу в видео в модуле Bootstrap?

Zentaurus 06 дек. 2013, в 23:01

Источник

Теги:

jquery

html5

video

twitter-bootstrap-3

mediaelement.js

2 ответа

7

Я искал по всему Интернету ответ на этот вопрос. никто не работал для меня, кроме этого кода. Гарантированный. Он работает отлично.

$('body').on('hidden.bs.modal', '.modal', function () {
$('video').trigger('pause');
});

user3376436 03 март 2014, в 18:06

0

Работаю на меня. здорово
user7961310 24 апр. 2018, в 06:45

Ещё вопросы

Zentaurus · Accepted Answer · 2013-12-06T19-09-00.000Z

Я нашел, что это вариант для работы во всех моих модалях с помощью (используя Mediaelement.js) внутри них.

$('.modal').on('hidden.bs.modal', function () {
    $('video').each(function() {
      this.player.pause();
    });
})