Встраиваемый видео Youtube продолжает воспроизводиться после увольнения

Question

Любые предложения о том, как остановить непрерывное воспроизведение видеоизображения в фоновом режиме после нажатия кнопки увольнения или даже с модального просмотра?

<a data-toggle="modal" href="#videoModal"> 
    <img class="img-responsive img-rounded" src="http://iconshots.com/wp-content/uploads/2010/01/final1.jpg"> 
</a> 

<div class="modal fade" id="videoModal"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
       <h4 class="modal-title">Learn how to make this app!</h4> 
      </div> 
      <div class="modal-body"> 
       <iframe width="500" height="281" src="http://youtu.be/GWPc6EDwv8k" frameborder="0"></iframe> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

С некоторыми JQuery вы могли бы сделать что-то вроде этого:

$('#someButton').click(function(){ 
    $('#playerID').get(0).stopVideo(); 
)}; 

Вот пост, связанные с вашим вопросом, надеюсь, он может направить вас в правильном направлении: Youtube api - stop video

Answer 2

Так что я нашел это онлайн бросило огромное количество исследований, и это сработало для меня. Я создал отдельный файл js, а затем связал его со страницей.

/*Function built to take on search for youtube video in modal*/ 
function ytplayer() { 
    $('#videoModal iframe').attr("src", $("#videoModal iframe").attr(
     "src")); 
} 
/*Function shuts down video when dismiss button is toggled*/ 
$('.close').click(function() { 
    $('#videoModal').hide(); 
    ytplayer(); 
}); 

/*Function shuts down video when modal background is toggled*/ 
$('#videoModal').on('hidden.bs.modal', function() { 
    ytplayer(); 
});