유튜브 썸네일 이미지 가져오기 happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > HTML > HTML 강의 > 유튜브 썸네일 이미지 가져오기 상세정보

클라우드태그

Javascript

PHP

ASP

CSS

HTML

MYSQL

jquery

image

Mobile

API

slide

게시판

메뉴

현재접속자 명

유튜브 썸네일 이미지 가져오기

해피팀

네티즌

소스분류

HTML 강의

다운로드 횟수

0 회

간단설명

유튜브 썸네일 이미지 가져오는 방법입니다.

평가하기

웹페이지를 제작하다보면 유튜브 영상을 삽입할때가 있습니다.
경우에 따라 썸네일을 보여주고 영상을 링크하는 경우도 있습니다.
이때 해당 유튜브 영상의 썸네일을 가져오는 방법에 대해 안내해 드립니다.

아래 영상의 썸네일을 가져온다고 할때

https://www.youtube.com/watch?v=ARTkK9h5nsI

ARTkK9h5nsI 부분이 영상의 고유ID 값입니다.
해당값을 아래 처럼 이미지 주소에 삽입합니다.

<img src="https://img.youtube.com/vi/ARTkK9h5nsI/0.jpg">

위와 같이 할경우 이미지의 상하에 검은색 여백이 생기고 이미지의 비율도 맞지않습니다.

이미지 경로에 파일명을 변경하여 다른 썸네일을 불러올 수 있습니다.

<img src="https://img.youtube.com/vi/ARTkK9h5nsI/0.jpg">

기본 이미지의 상하에 검은색 여백이 생깁니다.