팁과노하우

2024.10.24 17:07

mp4 파일 업로드 시 자동 재생 (스킨 파일 첨부)

+첨부 파일은

rb.basic_bbs 

rb.gallery_bbs 

rb.notice_bbs (해당 게시판 미사용시 이 폴더는 지워주세요) 

rb.thumb_bbs 

게시판의 view.skin.php 파일 입니다.

소스편집 하기 귀찮은 분들은 파일만 덮어씌우기 해주세요

(기존 올렸던 내용에 코드맹들을 위한 5개 업로드시까지 영상플레이 수작업 해놓았습니다.)

=================================================


게시판에 mp4파일이 첨부되어 있으면

본문 내용 서 영상을 자동 플레이 시켜주는 팁입니다.

 

mp4 업로드 시 자동 재생 할 게시판 폴더 안에

 

ex// 

/theme/rb.basic/skin/board/게시판스킨/ 혹은 

/skin/board/게시판스킨/

서 view.skin.php 파일을 찾은 후 가장 하단에

 

<!-- MP4 영상재생1  -->

<?php if (!empty($view['file'][0]['file'])): ?>

    <?php if (str_replace('.mp4', '', $view['file'][0]['file']) != $view['file'][0]['file']): ?>

        <script>

        bo_v_con.innerHTML = "<video style='display:block;height:500px;width:auto;' src='<?php echo $view['file'][0]['path']."/".$view['file'][0]['file']; ?>' autoplay loop controls controlslist='nodownload'></video>" + bo_v_con.innerHTML; 

        </script>

    <?php endif; ?>

<?php endif; ?>

 

위 소스를 첨부하면 됩니다.

 

※ 추가 설명

['file'][0]['file']

['file'][0]['file'] 와 ['file'][0]['file']

['file'][0]['path'] 와 ['file'][0]['file']

에 들어간

숫자 0 다섯 개 는

첫 번째 첨부 파일로 mp4 업로드 시 영상 재생

두 번째로 업로드한 mp4 파일을 영상 재생하려면 0을 모두 1로

세 번째로 업로드한 mp4 파일을 영상 재생하려면 0을 2로 바꿔주면 됩니다.

나머지 순번도 같은 방식으로 설정 하면 됩니다.

※ 여러 개의 mp4 를 첨부하고자 할 경우 위 소스를 복사+붙여 넣기 후 "※ 추가 설명" 부분 숫자만 바꿔주세요.

 

저같은 경우 첨부파일 갯수를 최대10개로 작성후, 위소스를 10번 작성하여 "※ 추가 설명" 부분만 바꿔준후 10건안에 업로드된 영상만 플레이 되게 해놓았습니다.

 

친 형님께서 본 소스를 편집&제공해 주셨습니다.

감사합니다.

 

+파일첨부 5개 이하 동영상 플레이

<!-- MP4 영상재생1  -->

<?php if (!empty($view['file'][0]['file'])): ?>

    <?php if (str_replace('.mp4', '', $view['file'][0]['file']) != $view['file'][0]['file']): ?>

        <script>

        bo_v_con.innerHTML = "<video style='display:block;height:500px;width:auto;' src='<?php echo $view['file'][0]['path']."/".$view['file'][0]['file']; ?>' autoplay loop controls controlslist='nodownload'></video>" + bo_v_con.innerHTML; 

        </script>

    <?php endif; ?>

<?php endif; ?>


<!-- MP4 영상재생2  -->

<?php if (!empty($view['file'][1]['file'])): ?>

    <?php if (str_replace('.mp4', '', $view['file'][1]['file']) != $view['file'][1]['file']): ?>

        <script>

        bo_v_con.innerHTML = "<video style='display:block;height:500px;width:auto;' src='<?php echo $view['file'][1]['path']."/".$view['file'][1]['file']; ?>' autoplay loop controls controlslist='nodownload'></video>" + bo_v_con.innerHTML; 

        </script>

    <?php endif; ?>

<?php endif; ?>


<!-- MP4 영상재생3  -->

<?php if (!empty($view['file'][2]['file'])): ?>

    <?php if (str_replace('.mp4', '', $view['file'][2]['file']) != $view['file'][2]['file']): ?>

        <script>

        bo_v_con.innerHTML = "<video style='display:block;height:500px;width:auto;' src='<?php echo $view['file'][2]['path']."/".$view['file'][2]['file']; ?>' autoplay loop controls controlslist='nodownload'></video>" + bo_v_con.innerHTML; 

        </script>

    <?php endif; ?>

<?php endif; ?>


<!-- MP4 영상재생4  -->

<?php if (!empty($view['file'][3]['file'])): ?>

    <?php if (str_replace('.mp4', '', $view['file'][3]['file']) != $view['file'][3]['file']): ?>

        <script>

        bo_v_con.innerHTML = "<video style='display:block;height:500px;width:auto;' src='<?php echo $view['file'][3]['path']."/".$view['file'][3]['file']; ?>' autoplay loop controls controlslist='nodownload'></video>" + bo_v_con.innerHTML; 

        </script>

    <?php endif; ?>

<?php endif; ?>


<!-- MP4 영상재생5  -->

<?php if (!empty($view['file'][4]['file'])): ?>

    <?php if (str_replace('.mp4', '', $view['file'][4]['file']) != $view['file'][4]['file']): ?>

        <script>

        bo_v_con.innerHTML = "<video style='display:block;height:500px;width:auto;' src='<?php echo $view['file'][4]['path']."/".$view['file'][4]['file']; ?>' autoplay loop controls controlslist='nodownload'></video>" + bo_v_con.innerHTML; 

        </script>

    <?php endif; ?>

<?php endif; ?>

  • 공유링크 복사
    미니홈 쪽지 구독하기
    구독하고 알림받기

    댓글목록

    profile_image
    no_profile 민트다이어리미니홈 1:1 대화하기  오래 전

    감사합니다 ^^

    2024-10-24 17:50

    profile_image
    codesos미니홈 1:1 대화하기  오래 전

    멋지네요 ^^

    2024-10-24 18:21

    profile_image
    캐스퍼미니홈 1:1 대화하기  오래 전

    와수 감사합니다!!

    2024-10-25 01:35

    profile_image
    no_profile 이진수미니홈 1:1 대화하기  오래 전

    감사합니다 잘 사용하겠습니다.~

    2024-11-03 03:17

    profile_image
    미키손미니홈 1:1 대화하기  오래 전

    제가 찾았던 기능이 여기에 있었군요
    감사합니다 ^^
    파일 링크형태도 플레이되게 업데이트 고려해주세요

    2024-11-08 10:25