테스트 사이트 - 개발 중인 베타 버전입니다
SIR

유튜브 재생 중인 팝업 레이어 숨길 때 재생 멈추는 방법

지운아빠
프로필 보기이 회원 글보기
 · 9년 전 · 8781 · 2

이 방법은 다시 팝업 레이어를 띄울 때 동영상을 처음부터 봐야한다는 단점이 있습니다.

 

<iframe id="youtube-player" src="~"></iframe>

 

<script>

$(function(){

    var video = $("#youtube-player").attr("src");

    $("#youtube-player").attr("src",""); 

    $("#youtube-player").attr("src",video);

});

</script>

목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 2개

챠미
프로필 보기이 회원 글보기
 11개월 전

안녕하세요. 너무 옛날게시글이라 답변해주실지 모르겠지만 지푸라기라도 잡는 심정으로 여쭙니다ㅠㅠ

현재 레이어팝업에 유튜브영상을 넣어서 구현했는데 팝업을 닫아도 영상이 멈추지않아 해당 방법으로 구현해봤거든요.. 근데 다시 레이어팝업을 띄웠을때 지웠던 src를 불러오지 못하는데 이거 왜이런걸까요..?? 해결방법이 있을까요ㅠㅠ??

지운아빠
프로필 보기이 회원 글보기
 11개월 전

@챠미 안녕하세요. 너무 오래 되었기도 하고... 코드를 봐야 알겠지만, 레이어팝업을 다시 띄울 때 src를 지정하는 과정이 필요할 것 같습니다.

게시글 목록

번호 제목
3349
CSS 각종 css trick 모음 사이트
3346
CSS 다양한 css 선택자 알아보기
3345
HTML sitemap.xml 추출 사이트 2
3343
CSS Flex layout
3342
CSS 온라인 폰트 컨버터블 사이트 2
3341
기타 아이콘다운받을수있는 사이트
3329
기타 구글폰트 2
3321
CSS 미디어 쿼리(media query) - 프린트 일때만 작동되게 하기 5
3319
HTML 덜 수고롭게 폼 작성 위한 Html 및 css 상용구 "Boilerform"
3318
기타 W3.CSS 여백 2
3317
기타 W3.CSS 패딩 크기 클래스
3316
기타 W3.CSS 패딩
3315
CSS W3.CSS 서클 내 텍스트
3314
CSS W3.CSS 라운드 클래스
3313
CSS W3.CSS 텍스트 그림자
3312
CSS W3.CSS 와이드 텍스트
3311
CSS W3.CSS 텍스트
3310
CSS W3.CSS Font-Size Classes
3306
기타 W3.CSS Fonts
3305
기타 W3.CSS Hover Effect
3304
기타 W3.CSS Photo Card
3303
기타 W3.CSS Card Content(카드내용)
3302
기타 W3.CSS Colored Cards
3301
기타 W3.CSS Hoverable Borders
3300
HTML html 테그 정리기 2
3299
기타 W3.CSS 두꺼운 테두리
3298
기타 W3.CSS 둥근 테두리
3297
기타 W3.CSS 테두리 색상
3296
기타 W3.CSS 테두리 추가하기
3294
CSS css로 버튼을 만들어주는 사이트
이전 다음
전체 목록