일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- 솔루션
- 홈페이지
- CGIMALL
- #업종별
- 해피CGI
- #해피CGI
- 사이트제작
- #웹솔루션
- #뉴스
- #이미지
- happycgi
- #홈페이지제작
- #솔루션
- javascript
- #쇼핑몰
- #CSS
- 해피씨지아이
- CSS
- php
- #동영상
- #image
- #happycgi
- 쇼핑몰
- jquery
- 웹솔루션
- #홈페이지
- #jQuery
- 홈페이지제작
- #cgimall
- 게시판
- Today
- Total
목록2021/06/04 (1)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] Minimal Youtube/Vimeo Modal Plugin For jQuery - modal-video
웹페이지에 표시되는 링크를 클릭하면 모달이 화면에 표시되고, 모달내에서 Youtube, Vimeo, Facebook 의 동영상을 재생할 수 있는 간단한 스크립트 입니다. 다운로드 받은 파일의 압축을 해제한뒤 test/index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 데모 페이지상에서는 버튼이 3개가 있고, 각 버튼을 눌러보면 버튼을 눌러보면 모달화면이 열리면서 동영상이 재생이 됩니다. index.html 파일의 소스코드를 열어서 보면, 버튼3개에 대한 HTML태그가 확인이 가능합니다. 데모 페이지 자체에 버튼만 덜렁 있는 상태라 소스코드는 아래의 그림과 같이 단순하게 되어 있습니다. data-video-id='문자열' 을 이용해서 재생하고 싶은 동영상을 지정할 수 있습니다. 문자열은 유..
웹프로그램밍 자료실/JAVA 자료
2021. 6. 4. 09:30