Как остановить видео iframe после закрытия popup?

Question

[Макс Darkleviathan]

Имеется вот такой код. Как сюда можно прикрутить остановку видео при закрытии?:
jsfiddle

Необходимо при нажатии на крестик или фон.

пробовал такой вариант, но не сработало

<script type="text/javascript" src="http://www.youtube.com/player_api"></script>
<iframe id="player" src="http://www.youtube.com/embed/YOURID?rel=0&wmode=Opaque&enablejsapi=1" frameborder="0"></iframe>

<script>
            var player;
            function onYouTubePlayerAPIReady() {player = new YT.Player('player');}
            //so on jquery event or whatever call the play or stop on the video.
            //to play player.playVideo();
            //to stop player.stopVideo();
     </script>

Answer 1

[Сергей Еремин]

Отловить событие и вызвать player.stopVideo();...

Comments

[Макс Darkleviathan]

Ну вот на примере этого события

$('.popup-close').click(function() {
		$(this).parents('.popup-fade').fadeOut();
		return false;
	});

Где мне вызвать остановку?

[Сергей Еремин]

Я бы вот тут поставил:

$('.popup-close').click(function() {
    player.stopVideo();
    $(this).parents('.popup-fade').fadeOut();
    return false;
  });

Конечно, переменная player должна быть в зоне видимости, т.е. внешней по отношению к function().