여분필드로 유튜브 동영상 및 썸네일 등록하기 정보
여분필드로 유튜브 동영상 및 썸네일 등록하기본문
필요하신분이 계셔서 먼지팁 공유합니다.
여분필드 wr_1에 유튜브 동영상의 ID값만 입력해서
유튜브 동영상 및 썸네일 출력하는 방법 입니다.
동영상ID 는 유튜브 동영상 주소에보시면 마지막 빨간부분이 해당동영상의 ID입니다.
예) https://www.youtube.com/watch?v=Jx6YfRSUer0
-------------------------------------------------------------
유튜브는 기본적으로 썸네일을 지원하고 있고 대표적인 형태는 아래와 같습니다.
중간해상도 썸네일(표준) (640x480)
https://img.youtube.com/vi/동영상ID/sddefault.jpg
https://webdir.tistory.com/472 / 이외 다양한 썸네일 종류 참고
-------------------------------------------------------------
위 내용을 참고로 게시판에 아래와같이 적용하시면 되겠습니다.
다른 좋은방법은 많을 수 있습니다~ 간단하게 추가할 수 있는 방법 입니다.
write.skin.php
유튜브 ID값을 입력하도록 여분필드 1을 추가합니다.
<input type="text" name="wr_1" value="<?php echo $write['wr_1'] ?>">
//여분필드 wr_1에 유튜브 ID값을 입력받음
list.skin.php
기존 썸네일 출력하는 if문에 에 유튜브 썸네일 코드를 else if 로 추가합니다.
} else if ($list[$i]['wr_1']){
$img_content = '<img src="https://img.youtube.com/vi/'.$list[$i]['wr_1'].'/sddefault.jpg">';
}
//wr_1에 입력된 값이 있는 경우 동영상 썸네일 출력
view.skin.php
동영상을 출력하기 위해 유튜브 임베드 코드를 추가합니다.
<?php if ($view['wr_1']) { ?>
<div class="video-container">
<iframe width="100%" src="https://www.youtube.com/embed/<?php echo $view['wr_1']; ?>" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<?php } ?>
//wr_1에 입력된 값이 있는 경우 동영상 출력
//iframe width="100%" 부분은 적용될 게시판의 레이아웃에 맞게 조정하세요~
이상입니다.
다양하게 응용해보세요~
!-->!-->!-->
추천
6
6
댓글 21개
유용한 TIP 이네요 ^^
^^ 감사합니다!
기다렸습니다!
감사합니다!
한가지 질문 드려도 될까요?
여분 필드에 링크 주소 넣으면
게시물이 파싱되게하는건 어렵나요??
감사합니다!
한가지 질문 드려도 될까요?
여분 필드에 링크 주소 넣으면
게시물이 파싱되게하는건 어렵나요??
별도 개발이 필요할것 같습니다 ^^
해당부분은 제작의뢰로 가셔야 될거같아요~ㅎㅎ
해당부분은 제작의뢰로 가셔야 될거같아요~ㅎㅎ
네! 답변 감사합니다
넵! 감사합니다~
흠 동영상 게시판 만들떄 활용해 보겠습니다 ^^ 자료 감사합니다,
네 감사합니다 ^^
이런 방식으로 사용해 봤는데 사용자들이 영상 등록할때 불편해 하더라고요
유튜브 아이디 값보다는 그냥 주소 자체를 입력하는 방식들을 더 선호하는거 같아요
유튜브 아이디 값보다는 그냥 주소 자체를 입력하는 방식들을 더 선호하는거 같아요
네 맞는말씀인거 같네요~
코드복사로 에디터에 주소를 바로넣는 방식이 더 편할 수 있겠네요 ㅎㅎ
코드복사로 에디터에 주소를 바로넣는 방식이 더 편할 수 있겠네요 ㅎㅎ
따로 팁을 올리려다가 다른분이 만드신 스킨이 있네요
에디터에 유튜브 코드 바로 넣으면 코드를 체크해서 아이디만 뽑아서
썸네일로 가져오는것 같습니다.
https://sir.kr/g5_skin/21826
여기 참고하시면 될것 같습니다 ^^
에디터에 유튜브 코드 바로 넣으면 코드를 체크해서 아이디만 뽑아서
썸네일로 가져오는것 같습니다.
https://sir.kr/g5_skin/21826
여기 참고하시면 될것 같습니다 ^^
감사합니다 ^^
감사합니다~ 잘쓰셔요~
너무너무 감사해요~
별말씀을요~~!
감사합니다!!
감사합니다 잘쓰셔요~
유투버 썸네일 생성
좋은 정보 감사합니다.
감사합니다!
감사합니다.