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

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

지운아빠
프로필 보기이 회원 글보기
 · 9년 전 · 8786 · 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를 지정하는 과정이 필요할 것 같습니다.

게시글 목록

번호 제목
3293
기타 W3.CSS 테두리
3292
기타 W3.CSS 패널 표시 (열기)
3291
기타 W3.CSS 패널 숨기기 (닫기)
3290
기타 W3.CSS 둥근 패널
3289
기타 W3.CSS Panels as Cards
3288
기타 W3.CSS Panels for Alerts
3286
CSS W3.CSS Panels for Quotes
3285
CSS W3.CSS Panels for Notes
3284
CSS W3.CSS 패널
3282
기타 W3.CSS 테이블
3281
기타 W3.CSS 경고
3280
기타 W3.CSS 컨테이너
3279
기타 SVG <rect> 예제
3278
기타 SVG <rect>
3277
기타 HTML의 SVG
3276
CSS 반응 형 웹 디자인 - 비디오 : width, max-width 속성 사용
3275
CSS 반응이 빠른 웹 디자인 - 배경 이미지 1
3274
CSS 반응이 빠른 웹 디자인 - 이미지
3273
CSS 반응형 미디어쿼리
3272
HTML JS & HTML 코드 한줄로 만드는 사이트
3271
웹접근성 로그인 자동완성 제외~
3270
CSS 반응 형 웹 디자인 - 미디어 쿼리
3269
CSS 반응 형 웹 디자인 - 그리드 뷰
3268
CSS 반응 이 빠른 웹 디자인 - 뷰포트
3267
반응형 반응 형 웹 디자인이란 무엇입니까?
3266
CSS CSS3 미디어 쿼리 - 추가 예제
3265
CSS CSS3 미디어 쿼리
3263
HTML 유튜브 댓글 입력 스타일
3262
HTML HTML & CSS 코드 정리해 주는 사이트
3261
CSS 플렉스 항목 속성
이전 다음
전체 목록