팝업창 닫기 버튼을 클릭해도 영상의 소리가 들려요
753
작성한 질문수 18
- 먼저 유사한 질문이 있었는지 검색해주세요.
- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.
- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.
- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.
답변 1
0
팝업창 닫기 버튼을 클릭해도 영상의 소리가 들리는 부분은 html로 해소할 수는 없어요.
동영상을 제어하는 부분은 자바스크립트로 제어하거나 플러그인의 힘을 빌려야 가능합니다.
동영상 보는 제이쿼리 플러그인을 사용하시거나, UIkit의 컴포넌트를 사용셔서 해결하셔야 합니다.
제이쿼리 플러그인을 사용하실 경우 구글에서 video modal 이라고 검색하셔서 적당한 플러그인을 사용하시면 됩니다.
https://getuikit.com/docs/modal
위에 uikit 모달 컴포넌트를 가시면 아래 부분이 있어요.
VIDEO를 눌러보시면 동여상이 모달로 뜨는 데 모달을 닫을 경우 재생도 잠시 멈추게 됩니다.
그리고 다시 누르면 재생이 멈춘 부분부터 다시 재생이 됩니다.
코딩웍스 유튜브 채널에 가셔서 uikit으로 검색하시면 기본적인 uikit 활용법을 보실 수 있습니다.
하드코딩으로 이미지맵(image map) 만들기
1
96
2
슬릭 슬라이더
1
163
2
position: fixed; 가 안먹혀요..뭐가 문제일까요?
1
174
1
반응형 fixed 안먹히는 문제
1
280
2
선생님
2
166
1
.news-thum .date 위치가 안맞아요
1
251
2
TypeIt - Welcome 부분이 적용이 안됩니다..
1
378
2
Scroll Reveal Animation 적용이 안되요
1
371
1
완성 후 각 섹션 display:none 주석 시 문제
1
400
3
브라우저를 줄일 때 화면 깨짐
1
647
2
welcome-heading 부분이 왜 저렇게 위치되는지 모르겠습니다.
1
348
1
제이쿼리 탭메뉴 클릭 질문
1
243
1
질문있습니다
1
552
1
질문있습니다.
2
656
2
슬릭슬라이더가 왜 안되는지 모르겠습니다
1
637
1
slick slider와 .ceo-content영역 겹침
1
729
1
span .badge 부분 참고하실분 하세요
2
341
1
플렉스를 안주고 그냥 패딩을 줘도 되지 않나요
1
339
1
창을 줄이면 위치가 이동되는 백그라운드 이미지
1
543
1
크롬창을 줄어들면 이미지가 작아짐
1
749
1
scroll behavior 오류
1
276
1
선생님 코딩좀 봐주세요..
1
411
3
왜 전 선생님과 화면이 다를까요?
1
378
3
따라했는데 이상합니ㅏㄷ..ㅠ
1
304
2