Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Как остановить видео в стандартном модальном окне при его закрытии?

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


     15.02.2019    Все вопросы » Общие вопросы    1087

вопрос
Всем привет, решил вывести видеоролик через стандартное модальное окно.

<script type="text/javascript">
function showBlock() {
$(function(){
    $('#movie').dialog({
			draggable: true,
			autoOpen: true,
			modal: false,
			show: "fade",
			hide: "fade",
			width: "auto",
			height: "auto"
    });
});
}
</script>

Подскажите, пожалуйста, как сюда добавить обновление iframe или другой способ, чтобы остановить воспроизведение видео вместе с закрытием модального окна?

Ответил: Flash



$('#movie').on('dialogclose', function(event) {
    $(this).find("iframe").attr( 'src', function ( i, val ) { return val; });
});

10 комментариев

Flash
Эксперт

Flash - 15 февраля 2019 23:36 -

Удаление окна после закрытия подойдет? Тогда попробуйте так

$('#movie').on('dialogclose', function(event) {
    $(this).remove();
});

Mau
Юзер

Mau - 16 февраля 2019 00:11 -

Спасибо, работает, но тогда окошко не открывается вновь до перезагрузки страницы.(( Может есть еще способ...

Mau
Юзер

Mau - 16 февраля 2019 12:26 -

Отлично, спасибо, работает как нужно!

kazan
Юзер

kazan - 11 января 2021 12:52 -

У меня аналогичная ситуация, только вместо iframe, video. Пробовал методом тыка заменить iframe на video и source не получается. Видео продолжает работать на фоне, если ставлю iframe с Ютуба, все работает как надо. Но мне необходимо что было именно <video>.Подскажите как подправить. Сам я не допру, мой потолок верстка, и та по шпорам. вот код
JS
 
   	$('body').on('click','.js-trailer',function(){
    		$("#trailer-box").dialog({
    			modal: false,
    			show: 'fade',
    			hide: 'fade',
    			width: 800,
    			close: function(event) {
                   $(this).find("iframe").attr( 'src', function ( i, val ) { return val; })}
    		});	
    		return false;
    	});


HTML

     
 <div class="video-box hidden trailer-box" id="trailer-box" title="{title}">
          <div class="dleplyrplayer" style="width:100%;max-width:auto;" theme="light">
              <video title="{title}" poster="test.jpg" preload="none" controls>    
                  <source type="video/mp4" src="test.mp4">
              </video>
          </div>
      </div>


Любая помощь по возможности, голова иначе лопнет. Я бы за эти дни перебирая код наугад, мог три раза пароль Дурова от админки ВК угадать, таким методом))) Заранее спасибо.

redissx
Юзер

redissx - 11 января 2021 13:13 -


$('body').on('click','.js-trailer',function(){
    		$("#trailer-box").dialog({
    			modal: false,
    			show: 'fade',
    			hide: 'fade',
    			width: 800,
			close: function( event, ui ) {$(this).dialog('destroy')}
		});	
		return false;
    	});

kazan
Юзер

kazan - 11 января 2021 13:32 -

К сожалению без изменения, видео так же на фоне не останавливается. Но и ошибок не каких не выдает тоже в консоле браузера, чего то ему не хватает, но к сожалению я даже представить не могу, что именно ему надо что бы плеер остановился. Да, и еще такой момент окно закрывается крестиком в правом верхнем углу окна, может к нему надо как то привязаться.

redissx
Юзер

redissx - 11 января 2021 13:59 -

При закрытии окна оно уничтожается вместе с содержимым. Значит или кеш не обновлен или плеер играет вне окна, может оригинальный даже, который скрыт. Сделайте его видимым и проверьте. Тогда может при закрытии + кликать на кнопку плеера как нибудь через
$( '.knopka').trigger( 'click' );

или
$('.dleplyrplayer video').trigger('pause');

kazan
Юзер

kazan - 11 января 2021 14:21 -

Спасибо тебе большое, ты мне очень помог, вот этот код работает идеально

	$('body').on('click','.js-trailer',function(){
		$("#trailer-box").dialog({
			modal: false,
			show: 'fade',
			hide: 'fade',
			width: 800,
			close: function(event) {$('.dleplyrplayer video').trigger('pause'); }
		});	
		return false;
	});

Если что нужно обращайся, снег там почистить или насос для колес,ШУЧУ. Я человек не богатый давай я тебе сотни три на пиво скину если что, скинь куда закинуть Можешь здесь оставить, может кто еще отблагодарить за помощь захочет, я не один такой. По форумам сколько дней лазил не чего не нашел. Правильных вариантов много я знаю, но кто будет разъяснять, кому это надо. Или в лс скинь, сам смотри как тебе удобно. В течение часа закину.

redissx
Юзер

redissx - 11 января 2021 14:35 -

Спасибо, не нужно. Тут же помощь добровольная, не ради денег, так что все нормально :)

kazan
Юзер

kazan - 11 января 2021 14:37 -

Спасибо большое.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх