埋め込みビデオは閉じた後でも再生を続けます

Question

私はビデオを閉じた後でも再生し続けます。 jQueryには何かがありません。 誰も助けてくれませんか？ 以下に関連するコードです。

のjQuery

$("[data-media]").on("click", function(e) { 
    e.preventDefault(); 
    var $this = $(this); 
    var videoUrl = $this.attr("data-media"); 
    var popup = $this.attr("href"); 
    var $popupIframe = $(popup).find("iframe"); 

    $popupIframe.attr("src", videoUrl); 



    var left = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; 
    var left = left/2 - 340; 

    var top = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; 
    var top = top/2 - 180 

    document.getElementById("vid").style.top = top + "px"; 
    document.getElementById("vid").style.left = left + "px"; 

    $this.closest(".page").addClass("show-popup"); 
}); 

$(".popup").on("click", function(e) { 
    e.preventDefault(); 
    e.stopPropagation(); 

    $(".page").removeClass("show-popup"); 
}); 

$(".popup > iframe").on("click", function(e) { 
    e.stopPropagation(); 
}); 

使用すると、1つをクリックすると、あなたは動画のURLのリストを持っているHTML

<div class="page"> <!-- class "page" is required for video to work--> 
     <div class="popup" id="media-popup"> <!-- video embedded --> 
      <iframe id="vid" src="http://testvideo.com" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> 
     </div><!-- popup --> 
</div> 

Answer 1

、ポップアップは、あなたがしたいそのビデオで行われ、対応するvideo.Whenを示すアップしますiframeの外側をクリックしてポップアップ内をクリックして削除します。ここで

は、あなたが2番目の部分は、このクラスを削除成し遂げるために、この$(".page").removeClass("show-popup"); を使用している 問題であるだけで、それはCSS displayを使用して非表示にしたり、visibilityそれは目に見えない何かを作るようなものだが、それでもあなたはそれを聞くことができるので、映像が見えないであろうがこれを修正するには、iframeのsrcを消去する必要があります。

$('.page iframe').attr("src", '');