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

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

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

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

вопрос

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


<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

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

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

Ответил: Flash

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

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

Несколько модальных окон

Отображение отдельного модального окна

Как починить модальное окно

После установки модального окна перестал работать счетчик просмотров?

DLE 9.8 CMS не редактируются новости

Видео в модальном окне

Не показывает плеер в модальном окне!

Проблема со скриптом модального окна, как поправить?

Как сделать добавление новости в модальном окне?

Как сделать ссылку на вызов модального окна DLE?