얘기하자면 정말 긴 스토리네요. 이것 때문에 하루를 꼬박 바쳤습니다. 물론 고수님들이야 마음껏 document.item.php를 수정해서 손쉽게 할 수 있는 일이겠지만 저 같은 XE 입문 초보에겐 쉬운 일이 아니죠. 어차피 팁이니까 이런 분들을 위해 좀 길게 써야할 지도 모르겟네요.
어느날 우연히 갑자기 발견한 웹진형 갤러리에 유튜브 동영상 썸네일이 나오지 않는 바람에 이곳 저곳을 검색하고, 다운 받아 테스트 해보고 정말 별짓을 다해봤습니다. 멀티미디어 썸네일 애드온 부터 스케치북 유튜브 갤러리 스킨 까지 테스트 안해본 것이 없습니다.
각설하고, 멀티미디어 썸네일 (최신 버전) 은 설치 후 아예 아무런 반응을 보이지 않아 많은 분들이 추천해 주시는데도 불구하고 적잖이 당황했었습니다. 후에 알고 보니 문제는 사용법에 있었습니다. 바램 처럼 게시판에 주소를 복붙하는 형태로는 제대로 동작하지 않습니다. 유튜브에서 embed 주소를 가지고 와서 ckeditor에서 소스 버튼 누르고 입력해야 제대로 동작합니다.
그런데 썸네일 얻자고 이 방법을 회원들에게 권하기가 좀 망설여집니다. 위 현상에 착안해 ckeditor에 플러그인이 있지 않을까 궁리 끝에 검색해 보니 Youtube upload plugin이 있더군요. 현재 제가 ckeditor를 사용하므로 다른 에디터에 대해선 테스트는 모르겠습니다. https://ckeditor.com/cke4/addon/youtube 이 주소로 가셔서 플러그인을 다운 받으신 후 /common/js/plugins/ckeditor/ckeditor/plugins/youtube (xe 기준) 폴더에 파일을 업로드 하신 후 /common/js/plugins/ckeditor/ckeditor 폴더 안에 config.js를 만들어서 아래 내용을 저장해 주세요. 그럼 에디터에서 플러그인이 보입니다.
CKEDITOR.editorConfig = function( config ) {
config.extraPlugins = 'youtube';
};
그럼 끝입니다. 유튜브 영상을 올릴 때 URL 형식의 주소를 가져와서 embed 코드 넣는 곳 말고 URL 주소를 붙여 넣으라는 곳에 붙여 넣기만 하면 됩니다. 썸네일을 만들기 위해선 결국 멀티미디어 썸네일을 다운 받으신 후 임베드 코드를 붙여 넣어야 합니다.
마지막으로 입력창에 유튜브 업로드 플러그인을 이용해 달라고 회원들께 공지하는 것 잊지 마세요.
