블로터닷넷 공식 블로그

Archive for the ‘팁&테크’ Category.

플래시 동영상 넣기 2탄(유튜브 등)

2008-10-10, 5:05 오후

앞서 ‘쉬운 듯 까다로운 플래시 동영상 넣기‘란 제목으로 워드프레스 블로그에 동영상을 삽입하는 방법을 알려드린 바 있습니다.

이번에는 좀더 쉽게 동영상을 등록하는 방법을 알려드립니다. 유튜브를 예로 들어보겠습니다.

방법은 이렇습니다.

유튜브 동영상 주소(URL)를 먼저 복사합니다. 예컨대 ‘http://kr.youtube.com/watch?v=Si5lVNiKsz4′라고 하면,

여기서 동영상 ID를 따로 복사해둡니다. 여기서 동영상 ID는 ‘v=’ 뒤에 붙은 ‘Si5lVNiKsz4‘입니다.

이제 편집창에서 아래와 같이 입력하면 됩니다.

[youtube 동영상ID]

어떤가요? 간단하죠? ^^

실제 동영상을 삽입한 모습입니다. 유튜브 동영상을 삽입할 땐 위 방법을 사용해보세요.

이는 ‘Wordpress Video Plugin‘이란 플러그인을 활용했습니다. ‘Wordpress Video Plugin’은 유튜브와 구글 비디오 등 54개 동영상 서비스를 지원합니다. 국내 동영상 서비스들은 아직 적용되지 않네요.

54개 동영상 서비스 적용 방법은 아래 링크를 참조하세요.

http://www.daburna.de/dokuwiki/doku.php/instruction

태그:동영상, 유튜브
분류: 팁&테크 | 답글

쉬운 듯 까다로운 ‘플래시 동영상 넣기’

2008-08-06, 11:38 오후

블로터닷넷 필진들을 위한 초급 강좌. 이번에는 워드프레스에서 플래시 동영상을 삽입하는 방법에 대해 알아보도록 하겠습니다.

요즘은 AVI나 WMV 동영상을 직접 올리는 대신 플래시로 변환해 블로그 글에 삽입하는 경우가 대부분입니다. 대개 유튜브나 판도라TV, 엠군이나 TV팟 등 동영상 UCC에 원본을 올린 다음 소스코드를 복사해 붙이는 방법을 쓰는데요. 워드프레스 에디터에선 이처럼 플래시 동영상 소스코드를 곧바로 붙이면 화면이 제대로 뜨지 않는 문제가 발생합니다. 워드프레스에서 플래시 동영상을 삽입하는 일은 쉬워 보이면서도 은근히 복잡하고 까다로운 일이더군요.

블로터닷넷에서 플래시 동영상을 올리는 법을 소개해드립니다. 많은 분들이 즐겨쓰는 유튜브를 예로 들어보겠습니다.

먼저 원본 동영상 주소를 복사합니다. 이 때 주의할 점은, 해당 동영상이 있는 웹페이지 주소가 아니라 동영상 직접주소를 복사해야 합니다. 유튜브의 경우 소스 속에 직접주소가 들어 있습니다. 이를 확인하기 위해 동영상 소스를 마우스 오른쪽 버튼으로 눌러 복사합니다.

복사한 소스를 메모장 등에서 확인하면 다음과 같습니다. 여기서 'value=' 또는 'embed src=' 뒤에 붙은 웹주소가 해당 동영상 직접주소입니다. 이 주소를 복사합니다.

블로터닷넷 글쓰기 메뉴로 들어가, 워드프레스 편집기 도구모음 상단의 'Add Flash content' 버튼을 누릅니다.

'파일선택' 탭의 'Flash URL' 항목에 미리 복사해둔 동영상 직접주소를 붙여넣고 '글에 추가' 버튼을 누릅니다.

편집기 속 커서가 있던 위치에 동영상이 붙습니다. 편집기상에선 제대로 붙었는지 눈으로 확인이 안 되는군요. 오른쪽 사이드바의 '미리보기' 버튼을 눌러봅니다.

미리보기 화면에서 동영상이 제대로 보이면 정상적으로 등록이 된 것입니다.

정말로 쉬운 듯 까다롭죠? ^^ 다른 동영상 UCC 서비스를 이용할 때도 똑같은 방법으로 동영상 직접주소를 입력해주면 되겠습니다.

물론 다른 방법도 있습니다. ‘TinyMCE’나 ‘FCK에디터’같은 위지윅(WYSIWIG) 방식의 워드프레스용 HTML 에디터 플러그인을 설치하면 도구모음 아이콘을 눌러 동영상을 바로 삽입할 수 있습니다. 하지만 테스트 결과, 블로터닷넷 플랫폼인 ‘워드프레스MU’에선 이들 플러그인이 일부 오류를 일으키는 것으로 나타났습니다. 그래서 워드프레스 기본 플러그인을 되도록 살리면서 동영상을 쉽게 삽입할 수 있는 방법을 찾다가 ‘SwfObj‘란 플러그인을 발견했습니다.

혹, 더 쉽고 간편한 방법은 없나요? 고수님들께서 가르침을 주시면 감사~!! ^^;