그누보드 QA - 유투브 팝업 레이어 배경버튼 클릭시 사운드 종료가 되지않아요...

유투브 팝업 레이어 배경버튼 클릭시 사운드 종료가 되지않아요...

KimGeonho 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2016.07.27 04:47:21 조회 6695 (222.♡.♡.251)

본문

몇몇 글들을 본 후 따라해봤지만 도통 이해가 되지않아요..

고수님들의 조언좀 부탁드리겠습니다. ㅜㅜ

#btn을 클릭하여 유투브 팝업 레이어가 숨김이 아닌 종료가 되게 하고싶네요..

지금 상태는 hide이지만 이 이상으로는 잘모르겠어요 ㅜㅜ,,,,

<style>

.view1,.view2,.view3{width: 350px; height:200px;}

.view1 img,.view2 img,.view3 img{width: 100%; height: 200px; cursor: pointer;}

.show_video1, .show_video2, .show_video3{display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.5); z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box;}

.video_frame {width: 60%; height: 90%; margin: 5% auto;}

</style>

</figure>

</div>

</a>

</div>

$(function(){

$('.view3 img').click(function(){

$('.show_video3').show(300);

$('.back_bg').show(300);

})

$(function(){

$('.show_video3').click(function(){

$('.show_video3').hide();

$('.back_bg').hide();

})

</script>

#유튜브 #팝업레이어 #사운드 #종료

답변 1

왕계란 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2016-07-27 09:43:26 1.♡.♡.110

스크립트를 보니 숨겼다가 다시 보여지게도 해야 하네요.

ff/chrome의 경우는 숨기면 더 이상 소리가 안 나오는데 거지 같은 ie는 숨어서 계속 소리를 냅니다.

그래서 숨길 때 아예 주소를 지워 버리든가 해야 합니다.

문제는 숨겨서 주소를 지운 것까진 괜찮은데 다시 보이게 하려면 그 주소가 없어서 어딘가에 갖고 있어야 한다는 단점이...

이걸 추가하시고 스크립트는 아래처럼 수정하시면 될 것 같네요.

$('.view3 img').click(function(){

$('.show_video3').show(300);

$('.back_bg').show(300);

$('.embed-responsive-item').attr("src", $("#youtube_src").val());

})

$('.show_video3').click(function(){

$('.show_video3').hide();

$('.back_bg').hide();

$('.embed-responsive-item').attr("src", "");

})

답변을 작성하시기 전에 로그인 해주세요.

전체 186

로그인

유투브 팝업 레이어 배경버튼 클릭시 사운드 종료가 되지않아요...

QA

유투브 팝업 레이어 배경버튼 클릭시 사운드 종료가 되지않아요...

본문

이 질문에 댓글 쓰기 :

답변 1

왕계란 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

회원로그인