그누보드 유튜브 스타일 게시판(모바일) 업데이트 버전
본문
소개: 유튜브 스타일의 게시판 스킨입니다. (모바일 전용)
기능: (유튜브의 기능 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]
첨부파일
- v_basic5.zip (51.2K) 7회 다운로드 | DATE : 2023-08-31 02:00:02
익명님의 댓글
익명 아이피 (58.♡.197.215) 작성일
https://music.amazon.com/podcasts/a0adb6ed-1459-4ee6-aeb9-05c9d0a3cdbb/vay-tien-online
https://music.amazon.com/podcasts/a0adb6ed-1459-4ee6-aeb9-05c9d0a3cdbb/episodes/5db1c4ef-1188-4e9f-bb17-c0af48a13afb/vay-tien-online-sieudong-l%C3%A0-g%C3%AC-%C4%91i%E1%BB%81u-ki%E1%BB%87n-vay-ti%E1%BB%81n-online-si%C3%AAu-%C4%91%E1%BB%93ng-l%C3%A0-g%C3%AC
https://music.amazon.com/podcasts/a0adb6ed-1459-4ee6-aeb9-05c9d0a3cdbb/episodes/c207f104-f230-4c91-8a47-9476efd7e70f/vay-tien-online-vay-happy-dong-vay-ti%E1%BB%81n-online-nhanh-24-7
https://music.amazon.com/podcasts/a0adb6ed-1459-4ee6-aeb9-05c9d0a3cdbb/episodes/97d07f27-b0f0-445a-a886-a1d9a267f4ae/vay-tien-online-app-fvay-vay-ti%E1%BB%81n-c%C3%B3-uy-t%C3%ADn-kh%C3%B4ng
https://music.amazon.com/podcasts/a0adb6ed-1459-4ee6-aeb9-05c9d0a3cdbb/episodes/93fa782e-f32a-44d0-a965-13aa3bc99376/vay-tien-online-post-vay---trang-ch%E1%BB%A7-postvay-vay-ti%E1%BB%81n-ch%E1%BB%89-v%E1%BB%9Bi-y%C3%AAu-c%E1%BA%A7u-%C4%91%C6%A1n-gi%E1%BA%A3n
https://music.amazon.com/podcasts/a0adb6ed-1459-4ee6-aeb9-05c9d0a3cdbb/episodes/7fd32baf-7ee9-45d1-9690-6462967f2604/vay-tien-online-asian-credit---app-vay-ti%E1%BB%81n-nhanh-uy-t%C3%ADn-t%E1%BB%91t-nh%E1%BA%A5t
https://music.amazon.com/podcasts/a0adb6ed-1459-4ee6-aeb9-05c9d0a3cdbb/episodes/0f30fb16-a79a-4cd7-95bf-0bdc34375423/vay-tien-online-%C6%A1i-vay-l%C3%A0-g%C3%AC-c%C3%B3-l%E1%BB%ABa-%C4%91%E1%BA%A3o-kh%C3%B4ng-c%C3%A1ch-vay-ti%E1%BB%81n-online
https://music.amazon.com/podcasts/a0adb6ed-1459-4ee6-aeb9-05c9d0a3cdbb/episodes/ff2768f7-c11d-409f-8a81-2979cb83d779/vay-tien-online-flashvay-vay-ti%E1%BB%81n-nhanh-app-flash-vay-h5-online-100
https://music.amazon.com/podcasts/a0adb6ed-1459-4ee6-aeb9-05c9d0a3cdbb/episodes/ac46d482-6413-44bf-824f-8cefa88c637f/vay-tien-online-vaynhanh24h-%E2%80%93-vay-si%C3%AAu-t%E1%BB%91c
https://social.technet.microsoft.com/Profile/vaytienonline123
https://social.msdn.microsoft.com/profile/vaytienonline123/
https://music.amazon.com/es-cl/podcasts/28b6f73c-50d4-4b3e-87ef-485ea881eee5/episodes/ce37c88a-f0bd-4a92-97a1-9806a56bac7f/appvaytienonline-h5-kim-%C6%B0ng-vay---nh%E1%BB%AFng-%C4%91i%E1%BB%81u-b%E1%BA%A1n-c%E1%BA%A7n-n%E1%BA%AFm-khi-vay-ti%E1%BB%81n-t%E1%BA%A1i-%C4%91%C3%A2y
https://music.amazon.com/es-cl/podcasts/28b6f73c-50d4-4b3e-87ef-485ea881eee5/episodes/246ed5e0-1f2f-435b-9701-2ad5d5d80f3d/appvaytienonline-vay-ti%E1%BB%81n-online-%C4%91%C6%A1n-gi%E1%BA%A3n-v%C3%A0-nhanh-ch%C3%B3ng-t%E1%BA%A1i-h5-v%C3%AD-may-m%E1%BA%AFn
https://music.amazon.com/es-cl/podcasts/28b6f73c-50d4-4b3e-87ef-485ea881eee5/episodes/3cbc93c2-8bb6-4c18-b8f9-d307710f510e/appvaytienonline-vay-ti%E1%BB%81n-vaymini-%C6%B0u-nh%C6%B0%E1%BB%A3c-%C4%91i%E1%BB%83m-%C4%91i%E1%BB%81u-ki%E1%BB%87n-l%C3%A3i-su%E1%BA%A5t
https://music.amazon.com/es-cl/podcasts/28b6f73c-50d4-4b3e-87ef-485ea881eee5/episodes/ff25fb49-f3d0-44a9-8618-385f1c354874/appvaytienonline-vay-online-tinvay-c%C3%B3-an-to%C3%A0n-kh%C3%B4ng
https://music.amazon.com/es-cl/podcasts/28b6f73c-50d4-4b3e-87ef-485ea881eee5/episodes/0e198245-13df-497a-8406-e49e88a2919a/appvaytienonline-h5-vay-tia-ch%E1%BB%9Bp-%E2%80%93-vay-ti%E1%BB%81n-gi%E1%BA%A3i-ng%C3%A2n-nhanh-ch%C3%B3ng-trong-ng%C3%A0y
https://music.amazon.com/es-cl/podcasts/28b6f73c-50d4-4b3e-87ef-485ea881eee5/episodes/cfa94fbe-8ab5-4dfc-b972-cdfa17634ed9/appvaytienonline-si%C3%AAu-th%E1%BB%8B-ti%E1%BB%81n-h%C6%B0%E1%BB%9Bng-d%E1%BA%ABn-c%C3%A1ch-vay-5-tri%E1%BB%87u-kh%C3%B4ng-ph%C3%AD-d%E1%BB%8Bch-v%E1%BB%A5
https://music.amazon.com/es-cl/podcasts/28b6f73c-50d4-4b3e-87ef-485ea881eee5/episodes/0c709b88-9855-4afa-8b83-6d168622a589/appvaytienonline-vaynhanhpro-vay-ti%E1%BB%81n-an-to%C3%A0n-duy%E1%BB%87t-nhanh-si%C3%AAu-t%E1%BB%91c
https://music.amazon.com/es-cl/podcasts/28b6f73c-50d4-4b3e-87ef-485ea881eee5/episodes/bdc862b5-5558-4850-bb28-abd86795dd77/appvaytienonline-%C6%A1i-vay-l%C3%A0-g%C3%AC-c%C3%B3-l%E1%BB%ABa-%C4%91%E1%BA%A3o-kh%C3%B4ng-c%C3%A1ch-vay-ti%E1%BB%81n-online
https://music.amazon.com/es-cl/podcasts/28b6f73c-50d4-4b3e-87ef-485ea881eee5/episodes/3477211f-6026-4b5e-a4f5-8a189b886740/appvaytienonline-happy-vay-%E1%BB%A9ng-d%E1%BB%A5ng-cho-vay-ti%E1%BB%81n-ng%E1%BA%AFn-h%E1%BA%A1n
2kat님의 댓글
2kat 아이피 (220.♡.000.000) 작성일최고입니다.