嵌入的Youtube視頻在解散之後繼續播放

關於如何在按下解除按鈕或者甚至關閉模態視圖之後停止在後臺繼續播放YouTube視頻的任何建議？嵌入的Youtube視頻在解散之後繼續播放

<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>

來源

2014-12-30 EliCollins

的[此]（http://stackoverflow.com/questions/8667882/how-to-pause-a-youtube-player-when-hiding-the-iframe） –

沒有遺憾的是它沒可能重複't爲我工作 – EliCollins

隨着一些jQuery的你可以做這樣的事情：

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

這裏是您問題相關的帖子，希望它可以指向你在正確的方向：Youtube api - stop video

來源

2014-12-30 08:54:14

什麼方法是「停止視頻」我在mdn和jquery api沒有顯示搜索結果。任何方式，你可以詳細闡述一點點？ – EliCollins

剛剛更新我的答案與相關的計算器鏈接，希望它可以幫助 –

所以我發現這在網上投擲了大量的研究，這對我工作。我創建了一個單獨的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(); 
});

來源

2014-12-30 10:10:41 EliCollins

嵌入的Youtube視頻在解散之後繼續播放

回答

相關問題