FancyBox + YouTube AutoPlay?

Question

[erstet]

Доброго времени суток, уважаемые тостеры), такая проблема есть сайт с установленным wordpress + ninja popup plugin, вывожу во фрейме youtube видео с автоматическим проигрыванием, все работает замечательно, вот только при закрытии модального окна fancybox, видео продолжает играть, перерыл уже все, несилен в js, но подозреваю, что необходимо провести какие-то действия с vid.attr('src', ''), при действии OnClose или что-то такое(а может вообще не то), в общем тупняк второй день не могу понять что делать(((
Ninja popup использует fancyBox -jQuery Plugin * version: 2.1.4
Если нужно скину скрипт, очень нуждаюсь в помощи, заранее благодарен всем кто отзовется.

Answer 1

[Михаил Горячкин]

Если видео выводится через iframe, то можно так:

$(document).ready(function () {
    var close = function() {
        var player = $('iframe'), video = player.attr("src");
        player.attr("src","");
        player.attr("src", video);
    }
   $(document).on('click', '.fancybox-close', function () {
         close();
   });
});

Вот эту ф-ю и запускайте на onClose. Соответственно #player это id iframe.
Если HTML5, то можно так:

function close() {
    $('#player').get(0).stopVideo();
}

Comments

[erstet]

Извиняюсь за глупость свою, но непонимаю где именно прописать функцию, и как узнать id frame, так же заметил что все браузеры игнорируют закрытие модального окна и продолжают проигрывать видео в фоне, а вот что удивительно IE10 останавливает клип как положено.

[Михаил Горячкин]

Как у вас выглядит код для вызова окна?

[erstet]

[ninja-popup id=2891] использую для вызова окна

[Михаил Горячкин]

Я имел ввиду js-код, который окно вызывает, а вы написали то что вы в админку wordpress-са вставляете. Короче пойдем другим путем. Вам надо повесить обработчик на событие закрытия окна, когда вы на кнопку close в нем нажимаете. и по нажатию как раз запускать ф-ю, которую я написал вам выше. Если у iframa в окне нет id, то напишите в ф-и так: var player = $("iframe");

[erstet]

Михаил извиняюсь за несообразительность, но вот решил прикрепить файлы которые лежат в папке с плагином, может поможете таким образом, если нет то прекрасно Вас понимаю) сам в шоке((, но буду биться об стену далее)

ninjapopups.js
ninjapopups.min.js

так же похоже узнал id #snp_popup, но все равно ничего не выходит((

[erstet]

Вот ковыряю сижу все тщетно...вставлял Ваш js код , но ничего не выходит, может опять не туда вставляю, не знаю... как-нибудь, кто-нибудь окажите помощь плиз.

Функция ONCLOSE

function snp_onclose_popup()
{
	var popup=jQuery('#snp_popup').val();
	if(jQuery('#snp_popup').val())
	{
	    var cookie_close=jQuery('#'+jQuery('#snp_popup').val()+' .snp_cookie_close').val();
	}
	else
	{
	    cookie_close=-1;
	}
	if(!jQuery.cookie('snp_'+popup))
	{
		if(!cookie_close)
		{
			cookie_close=-1;	
		}
		snp_set_cookie('snp_'+popup, '1', cookie_close);
	}
	if(jQuery('#snp_exithref').val())
	{
		// exit popup
		//if(jQuery('#snp_exittarget').val()=='_blank')
		//{
		//	window.open(jQuery('#snp_exithref').val());	
		//}
		//else
		//{
		document.location.href=jQuery('#snp_exithref').val();
		//}
	}
	jQuery('.fancybox-overlay').removeClass('snp-pop-'+jQuery('#snp_popup_id').val()+'-overlay');
	jQuery('.snp-wrap').removeClass('snp-pop-'+jQuery('#snp_popup_id').val()+'-wrap');
	jQuery('#snp_popup_theme').val('');
	jQuery('#snp_popup').val('');
	jQuery('#snp_popup_id').val('');
	jQuery('#snp_exithref').val('');
	jQuery('#snp_exittarget').val('');
}

Функция Close

function snp_close()
{
    if(jQuery.fancybox2!==undefined && jQuery.fancybox2.isOpen)
    {
	jQuery.fancybox2.close();
    }
    else
    {
	var popup=jQuery('#snp_popup').val();
	if(snp_f[popup+'-open']!==undefined)
	{
	    snp_f[popup+'-close']();
	    snp_onclose_popup();
	}
    }
}

[Михаил Горячкин]

У вас сайт лежит в открытом доступе? Надо бы так глянуть.

[erstet]

на email кину хорошо?

[Михаил Горячкин]

давай

[Михаил Горячкин]

Вот попробуй код вставить, я у ответа его обновил. Должно все пахать.