임베디드 비디오는 닫은 후에도 계속 재생됩니다.

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(); 
}); 

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

하나를 클릭하면이 동영상 URL의 목록이 팝업이 표시가 나타나면 해당 당신은 당신이 원하는 비디오를 완료 video.When iframe 바깥 쪽을 클릭하고 팝업창 안쪽을 클릭하여 지울 수 있습니다. 여기

문제 사용하는 것입니다이 $(".page").removeClass("show-popup"); 비디오가 보이지 않는, 그래서 단순히 CSS를 display 또는 visibility이 보이지 않는 무언가를 만드는처럼 그러나 아직도 당신이 그것을들을 수를 사용하여 숨길이 클래스를 제거 할 두 번째 부분을 얻을 수 있지만, 그것도 여전히 재생 중입니다.이 문제를 해결하려면 iframe의 src를 지워야합니다.

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