유튜브 동영상 API 썸네일 이미지 자동 출력 > 기술자료 | 해피정닷컴

유튜브 동영상 API 썸네일 이미지 자동 출력 > 기술자료

본문 바로가기

사이트 내 전체검색

유튜브 동영상 API 썸네일 이미지 자동 출력 > 기술자료

그누보드 유튜브 동영상 API 썸네일 이미지 자동 출력

페이지 정보


본문


유튜브 API를 활용해서 주소만 넣으면 동영상 썸네일 이미지를 게시판 목록에 자동으로 출력하는 방법입니다.
유튜브 이미지를 출력하기 위해서는 우선 동영상 ID 값이 필요합니다.



유튜브에서 동영상 퍼가기를 클릭하면 아래와 같이 주소가 보입니다
https://youtu.be/3iM_06QeZi8
여기서 맨 뒷부분 값이 필요합니다.


유튜브 API 에서는 사이즈별로 다양하게 썸네일 이미지를 기본으로 제공하고 있습니다.

( ↓↓↓ 이미지를 클릭하면 큰 화면으로 볼 수 있습니다 ↓↓↓ )


만일 영상 주소가 아래와 같다면
https://www.youtube.com/watch?v=3iM_06QeZi8

기본 스크린샷 주소 : 
https://i.ytimg.com/vi/3iM_06QeZi8/0.jpg                  (screenshot)
https://img.youtube.com/vi/3iM_06QeZi8/0.jpg

영상 처음,중간,끝(120x90) 썸네일(thumbnail) 주소 : 
https://i.ytimg.com/vi/3iM_06QeZi8/1.jpg                  (thumbnail 1)
https://i.ytimg.com/vi/3iM_06QeZi8/2.jpg                  (thumbnail 2)
https://i.ytimg.com/vi/3iM_06QeZi8/3.jpg                  (thumbnail 3)
https://img.youtube.com/vi/3iM_06QeZi8/1.jpg
https://img.youtube.com/vi/3iM_06QeZi8/2.jpg
https://img.youtube.com/vi/3iM_06QeZi8/3.jpg

기본 120X90
https://i.ytimg.com/vi/3iM_06QeZi8/default.jpg
https://img.youtube.com/vi/3iM_06QeZi8/default.jpg

중품질 320x180
https://i.ytimg.com/vi/3iM_06QeZi8/mqdefault.jpg
https://img.youtube.com/vi/3iM_06QeZi8/mqdefault.jpg

고품질 480x360
https://i.ytimg.com/vi/3iM_06QeZi8/hqdefault.jpg
https://img.youtube.com/vi/3iM_06QeZi8/hqdefault.jpg

중간해상도 640X480
https://i.ytimg.com/vi/3iM_06QeZi8/sddefault.jpg
https://img.youtube.com/vi/3iM_06QeZi8/sddefault.jpg

최대해상도 1280x720, 1920x1080
https://i.ytimg.com/vi/3iM_06QeZi8/maxresdefault.jpg
https://img.youtube.com/vi/3iM_06QeZi8/maxresdefault.jpg

스킨 만들 때 적당한 사이즈로 사용합니다.


skin / board / gallery / list.skin.php 내용중

                            if($thumb['src']) {
                                $img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" >';
                            } else {
                                $img_content = '<span class="no_image" style="'.$line_height_style.'">no image</span>';
                            }

아래에 내용을 추가합니다
삽입하고자 하는 유튜브 이미지 크기에 맞게 아래 붉은색 글자를 변경하세요

                            // 유튜브 이미지 가져오기
                            $youtube_url = $list[$i]['wr_link1'];  // 동영상 링크
                            $youtube_id  = '';
                            if (preg_match('/youtu.be/', $youtube_url) == true) { 
                                $youtube_url0 = explode('/',$youtube_url);
                                $youtube_id = $youtube_url0[3];
                                
                                $img_content = "<img src=\"https://img.youtube.com/vi/{$youtube_id}/mqdefault.jpg\" width=\"{$board['bo_gallery_width']}\" height=\"{$board['bo_gallery_height']}\">";
                            }


참고자료
https://gnustudy.com/bbs/board.php?bo_table=skin_board&wr_id=94
https://blog.yesyo.com/entry/유튜브Youtube-이미지썸네일-주소

댓글목록

등록된 댓글이 없습니다.


Total 458건 1 페이지
  • RSS
기술자료 목록
458
그누보드   34  2024-11-22 10:52 ~ 2024-11-22 11:03  
457
그누보드   1149  2024-02-23 18:40 ~ 2024-02-24 06:13  
456
그누보드   2299  2023-11-06 20:38  
455
그누보드   3348  2023-04-07 18:22 ~ 2023-04-07 18:40  
454
그누보드   3338  2023-04-07 08:45 ~ 2023-04-07 10:00  
453
그누보드   3951  2023-04-06 22:37  
452
그누보드   3695  2023-02-03 16:25  
451
그누보드   2335  2023-01-20 19:39 ~ 2023-01-20 23:13  
450
그누보드   3126  2023-01-06 10:36  
열람
그누보드   3018  2022-12-31 09:25 ~ 2024-02-05 13:25  
448
그누보드   3697  2022-11-10 20:41 ~ 2022-11-14 01:03  
447
그누보드   3571  2022-10-07 20:11  
446
그누보드   3983  2022-06-11 00:52  
445
그누보드   3568  2022-05-27 11:42 ~ 2022-05-27 11:44  
444
그누보드   5297  2022-01-25 12:27 ~ 2022-02-01 09:59  
443
그누보드   5119  2021-12-22 08:54 ~ 2021-12-22 08:56  
442
그누보드   3995  2021-12-14 07:05  
441
그누보드   4785  2021-11-21 05:59 ~ 2021-11-24 00:20  
440
그누보드   4843  2021-10-24 02:39  
439
그누보드   4984  2021-10-08 17:20 ~ 2021-10-21 15:24  

검색

해피정닷컴 정보

회사소개 회사연혁 협력사 오시는길 서비스 이용약관 개인정보 처리방침

회사명: 해피정닷컴   대표: 정창용   전화: 070-7600-3500   팩스: 042-670-8272
주소: (34368) 대전시 대덕구 대화로 160 대전산업용재유통단지 1동 222호
개인정보보호책임자: 정창용   사업자번호: 119-05-36414
통신판매업신고: 제2024-대전대덕-0405호 [사업자등록확인]  
Copyright 2001~2024 해피정닷컴. All Rights Reserved.