레이어팝업으로 유투브 동영상을 불러왔는데요 닫기해도 사운드가 계속 재생됩니다.ㅠㅠ
본문
레이어팝업으로 유투브 동영상을 불러왔는데요 닫기해도 사운드가 계속 재생됩니다.ㅠㅠ
닫기햇을시 사운드 및 동영상이 꺼지려면 어떻게 해야하나요
제가 하수라 소스 봐도 잘모르겠습니다.
도움부탁드립니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style>
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 1500px;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
padding: 16px;
border: 16px solid orange;
background-color: white;
z-index:1002;
overflow: auto;
}
</style>
</head>
<body>
<p> <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">레이어팝업 버튼</a></p>
<div id="light" class="white_content">
<!--유투브소스 -->
<object width="560" height="315"><param name="movie" value="//www.youtube.com/v/qs0F-04NsAU?hl=ko_KR&version=3&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube.com/v/qs0F-04NsAU?hl=ko_KR&version=3&rel=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">닫기</a></div>
<div id="fade" class="black_overlay"></div>
</body>
</html>
답변 3
레이어를 숨긴다고 재생이 멈출리는 없죠
아래처럼 해보세요(jquery용)
<a href = "javascript:void(0);" id='btn'>닫기</a>
<div id="light"~~>
<object~~~>
</div>
<script>
embed=$('#light').html();
$('#btn').click(function(){
status=$(this).text()
if(status=='닫기'){$('#light').html(''); $(this).text('열기');}
else{$('#light').html(embed); $(this).text('닫기'); }
});
</script>
균이님 덕분에 해결되었습니다 감사합니다
저두 균이님 덕분에 해결하였네요 감사합니다.
답변을 작성하시기 전에 로그인 해주세요.