[개발/참고] 동영상 팝업 닫기시 동영상 재생 중지 방법

[개발/참고] 동영상 팝업 닫기시 동영상 재생 중지 방법

 

 

메인페이지 또는 특정페이지에서 팝업에 동영상을 띄우는 경우가 많습니다.

 

그때 아래처험 iframe 를 이용하여 youtube 동영상을 땡겨 오는 경우가 대부분이 껍니다.

 

<div id="mov_popup">
    <iframe>유투브 동영상</iframe>
</div>

 

여기서,

 

팝업 닫기를 했을때 아마도

 

팝업에 해당되는 div를 show() / hide() 형태로 제어를 할텐데..

 

말그대로 이건 숨기는 방법이라 동영상은 뒤에서 재생되고 있습니다.

 

심지어 소리가 나오는 상황이면 영상만 안보이고 소리만 들릴껍니다.

 

그럴때 js를 로드해서 동영상을 제어하기보단 편하게 처리하는 방법을 공유 할까 합니다...

 

아주 사소한 거지만,,

 

div를 지우는겁니다...

 

$("#mov_popup").remove();

 

위처럼 오늘하루 닫기 버튼이나 , 팝업 닫기 버튼을 눌렀을때,

 

동작하는 javascript 함수에 위처럼 remove를 넣어주면....

 

div 자체가 사라집니다 ㅎㅎ

 

하지만 페이지 새로고침하면 자동으로 생성이 될테니

 

잘 활용하면 편하실듯 합니다!

 

오늘 하루 닫기 체크후 팝업을 오픈하지 않을때에도 넣어주면 됩니다!

 

참고하세요!!