유튜브 재생 중인 팝업 레이어 숨길 때 재생 멈추는 방법
이 방법은 다시 팝업 레이어를 띄울 때 동영상을 처음부터 봐야한다는 단점이 있습니다.
<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를 지정하는 과정이 필요할 것 같습니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 3260 |
CSS
align-content 속성
|
| 3259 |
CSS
flex-wrap 프로퍼티
1
|
| 3258 |
CSS
align-items 속성
|
| 3257 | |
| 3256 |
CSS
플렉스 방향
|
| 3255 |
CSS
CSS3 Flexbox
|
| 3254 | |
| 3253 | |
| 3252 |
HTML
html예제 사이트
|
| 3251 | |
| 3250 | |
| 3249 | |
| 3248 |
CSS
열 너비 지정
|
| 3247 | |
| 3246 |
CSS
CSS3 열 규칙
|
| 3245 |
CSS
CSS3 열 사이의 간격 지정
|
| 3244 |
CSS
CSS3 다중 열 레이아웃
|
| 3243 |
CSS
Breadcrumbs
|
| 3241 |
CSS
중앙 페이지 매김
|
| 3240 |
CSS
페이지 매김 크기
|
| 3239 |
CSS
링크 사이의 공간
|
| 3238 |
CSS
둥근 테두리
|
| 3237 |
CSS
테두리가있는 페이지 매김
|
| 3236 |
CSS
둥근 활성 및 호버링 버튼
|
| 3235 | |
| 3234 |
CSS
CSS 페이지 매김의 예
|
| 3233 |
CSS
애니메이션 버튼
|
| 3232 |
CSS
세로 단추 그룹
|
| 3231 |
CSS
테두리가있는 단추 그룹
|
| 3230 |
CSS
버튼 그룹
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기