모달 상자가 닫힌 후 Youtube iframe 동영상이 다시 시작됩니다.

Question

웹 페이지가로드 될 때 colorbox를 사용하여 동영상을 팝업하고 있습니다. colorbox 모달과 함께 인라인 HTML 옵션을 사용하고 모달 상자에 iframe youtube 비디오가 있습니다. 비디오를 닫으면 오디오가 멈추지 만 다시로드되고 재생이 시작됩니다. 모달 상자를 닫으면 오디오가 다시 재생되기 시작하지 않습니다. 여기

<script> 
     jQuery(document).ready(function() { 
     jQuery.colorbox({width:"602px", height:"460px", inline:true, href:"#video_popup"}) 
     }); 
</script> 

실제 인라인 내용입니다 : 여기

는 페이지가로드 모달를 엽니 다 내 스크립트입니다

<div style="display:none;"> 
    <div id="video_popup"> 
    <iframe width="560" height="315" src="http://www.youtube.com/embed/6A8W77m-ZTw?&amp;autoplay=1&controls=0" frameborder="0" allowfullscreen></iframe> 
    <button></button> 
    </div> 
</div> 

Answer 1

당신이 iframe이 콘텐츠를 표시하려면 (유튜브를 포함) html 코드를 삭제하고 다음을 시도하십시오.

jQuery(document).ready(function() { 
    jQuery.colorbox({innerWidth:602, innerHeight:460, iframe:true, href:"http://www.youtube.com/embed/6A8W77m-ZTw?&autoplay=1&controls=0"}) 
    }); 

Iframe 콘텐츠를 인라인 형식 (어떤 이유로) :

사용자가 모달 상자를 닫은 후에 인라인 요소가 원래 부모 요소에 추가됩니다. iframe이 다시로드되고 동영상이 보이지 않더라도 재생됩니다. (youtube 삽입 URL을 설정했기 때문에 para autoplay = 1). 이 문제를 해결하기 위해 closeUp 이벤트 처리기를 등록합니다.이 처리기는 닫기 프로세스가 시작될 때 시작됩니다. 모달 창 닫기를 시작하기 전에 iframe src url 매개 변수를 "autoplay"를 0으로 변경합니다. 모달 창을 닫은 후에도 오디오가 재생되지 않습니다.

이 시도 : 업데이트가 발생하는 경우

jQuery(document).ready(function() { 
    jQuery.colorbox({ 
     width:"602px", 
     height:"460px", 
     inline:true, 
     href:"#video_popup", 
     onCleanup: function(){ 
      $("iframe").attr("src","http://www.youtube.com/embed/6A8W77m-ZTw?&autoplay=0&controls=0"); 
     } 

});