그누보드 유튜브 스타일 게시판(모바일) 업데이트 버전 > 자료실 (zip)

• 목록
• 글쓰기

• 페이스북 공유
• 트위터 공유
• 

소개: 유튜브 스타일의 게시판 스킨입니다. (모바일 전용)

기능: (유튜브의 기능 90%정도는 비슷합니다)

0. 동영상(mp4) 업로드 후 게시된 영상에 ui적용

-배속(동영상 재생 속도 조절) 기능

-10초 건너뛰기 구현

1. 더보기(설명란) 기능

- 제목, 좋아요 수, 조회수, 게시일, 내용(30자 넘어가면 더보기 눌러서 확인 가능)

-전체 동영상(게시물) 보기 기능

2.좋아요, 공유, 저장하기(스크랩) 메뉴 구현

3. 댓글 숨김 밑 댓글 입력창 위치 고정

사용 화면:

사용법: 

스킨 업로드 후 관리자 화면에서 v_basic5 선택,

게시판 설정에서 사이드뷰와 추천 비추천, sns공유 가능을 선택

(추천)유튜브같은 느낌을 위해 게시글 작성 및 댓글 등록 권한을 2로 설정해주세요.

폰트 어썸 최소 6.xx 번대를 사용해주세요, 폰트 어썸 최신버전 적용 참고: https://dsclub.kr/bbs/board.php?bo_table=code&wr_id=417

데모:https://dsclub.kr/bbs/board.php?bo_table=testt&wr_id=5

데모 영상:https://youtu.be/j_V44a3HNBw?si=Dyb0UgfrrzIaYzzA

참고:

해피정님의 https://sir.kr/g5_tip/17749를 활용하여 만들었습니다.

-사용된 부분

[code]

if ($view['file'][0]['file']) {

            $mp34_fileinfo = pathinfo($view['file'][0]['file']);

            $mp34_ext = $mp34_fileinfo['extension'];

            if ($mp34_ext=='mp4') {

                echo "<video style=\"width:100%;display:block\" src=\"{$view['file'][0]['path']}/{$view['file'][0]['file']}\" controls loop controlsList=\"nodownload\"></video>";

            } elseif ($mp34_ext=='mp3') {

[code]