YouTube 동영상을 최신글 썸네일 형태로 출력하기

YouTube 동영상을 최신글 썸네일 형태로 출력하기.

유튜브 동영상을 URL만 입력하면 컨텐츠로 작성 가능한 모듈은, 여러가지가 있지만 그 중에서도 emfield 가 제일 좋았었다.

emfield (Embedded Media Field의 약자)를 이용한 예는 http://4kg.net 사이트에 있다.

설정법을 간단하게 기록해 둔다.

1. emfield 모듈을 다운로드/설치/활성화한다.
http://drupal.org/project/emfield

관리 > 사이트 구성 > 모듈 화면에서 활성화해야 할 모듈로는,
Embedded Media Field 모듈과
Embedded Media Thumbnail 과 Embedded Video Field 모듈이 있다.
이 셋 다 CCK(Content Construction Kit) 분류의 세부 항목으로 포함돼 있다.

2. 관리 페이지 admin/content/emfield 에 있는,
YouTube configuration 항목을 적절히 메꾼다.

Embedded Video Field 가 지원하는 비디오 서비스 종류:
Embedded Video Field 캡쳐 이미지 - 유튜브는 더 아래에 있어 보이지 않네요.

이를 위해서는 YouTube API 관련해서 유튜브에 아이디가 있어야 한다.
그리고 유튜브 아이디를 이미 가지고 있는 사람은,
http://www.youtube.com/my_profile_dev 에서 바로 API Key를 만들 수 있다.

참고로, YouTube API Key：에는 위 주소에 보이는 Developer ID를 입력하면 되고
YouTube API Secret：에는 위 주소에 보이는 Secret: 항목을 복사해서 넣으면 된다.

3. 관리 > 컨텐츠 관리 > 컨텐츠 타입 > 새로운 컨텐츠 타입을 추가하되,
이름은 "YouTube Video"로 컨텐츠 타입명은 "youtube_video" 로 설정/저장한다.

4. 저장한 "YouTube Video" 컨텐츠 타입의 옆에 있는 "편집" 링크를 눌러
"YouTube Video" 컨텐츠 타입에 있는 Field 추가 탭으로 가서,
유튜브 동영상 관련 항목을 선택/저장한다.

이때 Create new field의 이름에는 적절한 이름(예: 동영상 혹은 유튜브 비디오 등)을 넣고,
Field type： 에는 Embedded Video - 3rd Party Video 를 선택한다.

저장한 후에는, Providers Supported 항목이 보이는데 이 곳에서는 YouTube를 체크한다.
또한 Embedded Custom Thumbnails 에서는 Allow custom thumbnails for this field
항목을 반드시 체크하기 바란다! ***중요***

제일 아래 쪽에 있는 Data settings 항목의 "필수"도 체크하기 바란다.
동영상 주소를 입력하지 않으면 썸네일이든 동영상이든 나타날 리가 없다.

중간중간에 보이는 Thumbnail Image Directory 는 기록하지 않아도 무방하다.

5. 새로운 컨텐츠 만들기에서 "YouTube Video" 타입을 선택하되,
원하는 유튜브 동영상의 URL을 입력/저장한다.
이때, 썸네일 이미지를 올리는 파일 입력란은 무시해도 저절로 Thumbnail Image가 추출된다!

6. 관리 > 사이트 구성 > Views 에서 뷰를 하나 생성(Add)하되,
Page 보다는 Block 형태로 하기 위해 Provide Block 를 체크한다.
뷰 타입은 Bonus : Grid View가 좋겠다(이는 views_bonus 모듈을 설치/활성화해야 한다).
필드 항목에는 Node 제목과 Embeded Video를 선택/추가한다. *** 중요 ***
또한 Embeded Video의 세부 옵션에서 Thumbnail 이미지를 선택한다.
(2009년 3월 추가. 중요! 드루팔 6.x에서의 Views 2는
필드 항목에 Embeded Video 라고 나오지 않는다. 해당 3rd Party
이름이 나온다. 예를 들어 field_field_동영상서비스명_video_url 와
같은 항목이 보이는데 이를 선택하면 썸네일 이미지도 출력하는 메뉴가 있다)

참고로, 임베이드 비디오 항목이 Views의 Field에 나오는 이유는 emfield 모듈을 설치/활성화했기 때문이다.

마지막으로 Views 에서의 필터로는 is one of "YouTube Video" 를 선택한다.

7. 뷰를 저장한 후에 관리 > 사이트 구성 > 블럭 화면에서
위에서 정의한 썸네일 관련 Views를 블럭으로 호출해 보면,
유튜브 동영상의 썸네일 이미지가 잘 보이고,
다시 이를 클릭하면 드루팔 노드 형태로 플레이 가능한 동영상이 나타난다.

- - - - -

참고) 위와 비슷한 기능을 가진 모듈들 소개(그러나 추천은 아직)
* video_cck 모듈 : 썸네일 추출이 시원찮았다.
* video : 비디오 관련 핵심 모듈이지만 썸네일이 잘 안됨.
* googtube : 역시나 썸네일 추출이 시원찮았다.
* flashvideo : 비디오 관련 초강력 모듈이지만 설정이 복잡.

- 이상입니다.