(javascipt) 팝업 닫기시 유투브 영상 종료하기.

안녕하세요.

자바스크립트에서 팝업 레이어어 유투브 영상을 추가하는 경우가 있는데요,

팝업 레이어를 닫아도 당연히 레이어가 닫히기 때문에 유투브 영상은 계속 재생이 됩니다.

그 문제를 해결하는 방법을 알려드릴게요.

#ex

<button onClick="open()">레이어 열기</button>

<div id="popup_layer" onClick="close()">

<div id="popup">

<iframe src="유투브 영상"

</div>

</div>

<script>

var embed_lyaer;

function close()

{

#닫기를 눌렀을때 불리는 함수

embed_lyaer=$('#popup').html(); // popup id에 잇는 html을 embed_lyaer 글로벌 변수에 담아 놓음.

$('#popup).html(''); //popup id에 html 을 제거 

}

function open(){

#열기를 눌렀을때 불리는 함수

$('#popup).html(embed_lyaer); //닫기를 눌렀을때 저장한 글로벌 변수를 다시 popup id에 넣어줌.

}

</script>

해당 닫기버튼을 눌렀을때 정상적으로 유투브 영상이 종료되는걸 확인하였습니다.

감사합니다.