동영상 게시판 스킨
컨텐츠 정보
- 조회 1,418
본문
동영상 게시판 스킨은
vime.js를 이용하여 그누보드5/영카트5에서 사용할 수 있도록 적용하였습니다.
그누보드5/영카트5 작업버전
5.4.2.9 (2020.10.07)
스킨 적용방법 :
1. 다운로드후 게시판 스킨 폴더(예:/theme/테마명/skin/board/)에 복사합니다.
2. 관리자 화면에서 게시판을 추가한 후 'video'스킨을 적용합니다.
3. 동영상 제공사이트(Youtube, Vimeo, Dailymotion)중에서 특정 사이트 동영상만 적용할 경우, 게시판설정에서 미리 기본 정보를 설정하면 글쓰기할 때 매번 관련 정보를 입력할 필요가 없습니다.
구분(bo_1 : 여분필드1값) : youtube, vimeo, dailymotion 중 이용하는 것을 입력합니다.
테마(bo_2 : 여분필드2값) : dark, light중 입력합니다.
색상(bo_3 : 여분필드3값) : 해당 색상값을 16진수(예: #ffffff)로 입력합니다.
4. 게시판 설정에서 여분필드에 해당값을 입력하지 않으면 글쓰기 화면에서 해당 값을 선택/입력할 수 있으며 여러 동영상 사이트에서 동영상을 가져와 입력할 수 있습니다.
5. 글쓰기에서 '동영상 아이디'는
- 유튜브에서는 https://www.youtube.com/watch?v=6Q45fzeTHJA
- 비메오에서는 https://vimeo.com/452596642
- 데몰리에이션에서는 https://www.dailymotion.com/video/x6gw1h0
진한 부분만 입력하면 됩니다.
vime.js는 HTML5 비디오도 지원하며 react.js, vue.js 등도 해당 라이브러리를 제공합니다. 해당 부분은 필요한 경우, 직접 구현하시기 바랍니다.
브라우저 지원
ie11은 지원하지 않습니다.
- Edge 79+
- Firefox 68+
- Chrome 61+
- Safari 11+
- iOS Safari 11+
- Opera 48+
개별구매는 컨첸츠몰 이용을 바랍니다.
첨부파일
-
video.zip (69.1K)
14회 다운로드 | DATE : 2020-10-10 21:05:13
관련링크
-
https://skin.fiance.co.kr/video
425회 연결
- 이전글그누보드 REST API 자료 21.01.03
- 다음글태양광 발전소 경제성 분석 계산하기 20.08.08