Не нравятся результаты поиска? Попробуйте другой поиск!

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

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

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

вопрос

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


<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 комментариев

Эксперт

247

Flash - 2018-07-1615 февраля 2019 23:36 - #71004

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


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

Бесплатные шаблоны

Юзер

113

Mau - 2018-07-1616 февраля 2019 00:11 - #71005

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

Юзер

113

Mau - 2018-07-1616 февраля 2019 12:26 - #71010

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

Юзер

kazan - 2018-07-1611 января 2021 12:52 - #78795

У меня аналогичная ситуация, только вместо 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>

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

Юзер

163

redissx - 2018-07-1611 января 2021 13:13 - #78796


$('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 - 2018-07-1611 января 2021 13:32 - #78797

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

Юзер

163

redissx - 2018-07-1611 января 2021 13:59 - #78798

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

$( '.knopka').trigger( 'click' );

или

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

Юзер

kazan - 2018-07-1611 января 2021 14:21 - #78800

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


	$('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;
	});

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

Юзер

163

redissx - 2018-07-1611 января 2021 14:35 - #78801

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

Юзер

kazan - 2018-07-1611 января 2021 14:37 - #78802

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