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

기능: (유튜브의 기능 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를 활용하여 만들었습니다.

-사용된 부분

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') {

첨부 링크 1에서 포인트 없이 다운로드 가능

첨부링크 2에서 데모 확인

*Pc버전은 기말 끝나고 제작에 들어갈 예정입니다