유투브는 YouTube Data API를 통해 유투브 동영상에 대한 각종 정보와 쎔네일을 제공하고 있습니다. 문서에 삽입된 동영상의 썸네일이 필요한 경우가 있어 이 내용을 정리합니다.
일반적인 YouTube 소스를 긁어오면 아래와 같이 소스를 가져올수 있습니다.
아래소스에서 빨간색 부분이 동영상의 고유 ID값이 됩니다.
<iframe width="854" height="480" src="https://www.youtube.com/embed/Nu7OmSqHVng" frameborder="0" allowfullscreen></iframe>
동영상 썸네일을 가져오는 고유의 주소는 아래와 같습니다.
http://img.youtube.com/vi/[동영상 ID값]/[이미지형식].jpg
http://i.ytimg.com/vi/[동영상 ID값]/[이미지형식].jpg여기서 i.ytimg.com 이부분은 짧은 주소라서 둘중에 어느것을 사용해도 문제없습니다.
- 유투브 이미지 형식 -
동영상 배경 썸네일(480x360) : 0.jpg
https://img.youtube.com/vi/Nu7OmSqHVng/0.jpg
동영상 시작지점 썸네일(120x90) : 1.jpg
https://img.youtube.com/vi/Nu7OmSqHVng/1.jpg
동영상 중간지점 썸네일(120x90) : 2.jpg
https://img.youtube.com/vi/Nu7OmSqHVng/2.jpg
동영상 끝지점 썸네일(120x90) : 3.jpg
https://img.youtube.com/vi/Nu7OmSqHVng/3.jpg
고품질 썸네일(480x360) : hqdefault.jpg
https://img.youtube.com/vi/Nu7OmSqHVng/hqdefault.jpg
중간품질 썸네일(320x180) : mqdefault.jpg
https://img.youtube.com/vi/Nu7OmSqHVng/mqdefault.jpg
중간품질 썸네일(320x180) : default.jpg
https://img.youtube.com/vi/Nu7OmSqHVng/default.jpg
이상의 7종류의 썸네일이 유투브 동영상에서 제공하는 기본 썸네일이고, 아래의 썸네일은 HQ 동영상에 존재하는 썸네일입니다.
표준형 썸네일(640x480) : sddefault.jpg
https://img.youtube.com/vi/Nu7OmSqHVng/sddefault.jpg
최대 해상도 썸네일(1920x1080) : maxresdefault.jpg
https://img.youtube.com/vi/Nu7OmSqHVng/maxresdefault.jpg
유투브 영상으로 작업을 할경우가 많기 때문에 유용하게 익혀서 사용하시기 바랍니다.
'웹관련 > Youtube-유투브' 카테고리의 다른 글
[반응형] 유투브 반응형으로 넣는방법 (0) | 2019.08.20 |
---|---|
[HTML] 유투브 재생관련 파라메타 (0) | 2016.09.23 |
댓글