팝업에 아이프레임으로 유튜브영상을 가져왔는데 팝업을꺼도 재생소리가 들려요 ㅠ 채택완료
<div class="popup governance-cloudMv02">
<div class="sub_dim"></div>
<a href="#none" class="close"></a>
<iframe width="560" height="315" src="https://www.youtube.com/embed/D76MTRdY2X8?rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
이렇게 유튜브를 불러와서
function openModal(modalname) {
document.get
$("." + modalname).css({'display':'block'});
$('.sub_dim').css({'display':'block'});
}
// 팝업 닫기
$('.popup .close').click(function() {
$(this).parent().css({'display':'none'});
});
이렇게 스크립트로 열고 닫는데 팝업은 잘켜지고 꺼집니다.
근데 유튜브영상은 꺼져도 재생소리가 계속 들리네요..
팝업을 끄면 영상도 멈추거나 꺼지게하는 방법이 있을까요..?
답변 2개
display block none 으로 조정해서는 소리를 죽이지 못합니다.
아이프레임의 상위 엘레먼트의 innerHTML 을 진공으로 주거나 아니면 아이프레임의 src 를 바꿔치기하는 이벤트를 주세요.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
ifram 을 새로고침 하시면 됩니다.
참조)
답변에 대한 댓글 1개
// 팝업 닫기
$('.popup .close').click(function() {
$(this).parent().css({'display':'none'});
document.getElementById('popMv').contentDocument.location.reload(true);
});
이렇게하면 안되나요..? iframe에 id값을 주고 스크립트 저렇게 넣어봤는데
계속 소리가 들려서요 ㅠ 제가 이쪽은 무지해서..ㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
혹시 닫기버튼 클릭할때 아이프레임을 리로드 시키는 방법이 있을까요?
저런 모달이 한페이지에 여러개거든용 ㅠㅠ