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

Question

[Alexfixer]

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

<a href="#" class="btn btn-default" data-toggle="modal" data-target="#videoModal" data-theVideo="http://www.youtube.com/embed/loFtozxZG0s" >VIDEO</a>

      <div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="videoModal" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-body">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">Закрыть&times;</button>
              <div>
                <iframe id="myModal" width="100%" height="350" src=""></iframe>
              </div>
            </div>
          </div>
        </div>
      </div>

$(document).ready(function(){
  autoPlayYouTubeModal();
});

//FUNCTION TO GET AND AUTO PLAY YOUTUBE VIDEO FROM DATATAG
function autoPlayYouTubeModal(){
  var trigger = $("body").find('[data-toggle="modal"]');
  trigger.click(function() {
    var theModal = $(this).data( "target" ),
    videoSRC = $(this).attr( "data-theVideo" ), 
    videoSRCauto = videoSRC+"?autoplay=0" ;
    $(theModal+' iframe').attr('src', videoSRCauto);
    $(theModal+' button.close').click(function () {
        $(theModal+' iframe').attr('src', videoSRC);
    });   
  });
}

Comments

[Andrew]

еще пару раз продублируйте вопрос, точно дадут ответ(бан).
Вам написали рабочее решение в прошлом вопросе, попробуйте уже сами разобраться.

[Alexfixer]

Andrew, В прошом вопросе человек продублировал код из самого вопроса (который я отредактировал, удалив код), заменив src на пустоту, зачем? если и так код работает верно по кнопке. Дальше он ответил "Ну напишите, чтобы клик в любом месте вне окна делал то же самое". Спс, Кэп, если бы я знал как это сделать (это то, что мне и требуется), я бы тогда не задал такого вопроса.

[Andrew]

Alexfixer, ну так причем тут "закрыть видео"? если вопрос, как реализовать всплывающие окна.
Либо смотрите как делают популярные всплывахи(magnific, fancybox), что лучше всего, либо ловите все клики и смотрите когда нажат нужный элемент - открывайте окно, смотрите когда нажато вне этого элемента - выполняйте остановку и закрытие модалки. Угощайтесь
Доп. слой мне больше нравится и стилизовать легче.

Answer 1

[VadimFilimonov]

Убрать src у iframe.

Comments

[Alexfixer]

Да именно так и получилось сделать...