글(Posts) 또는 페이지(Page)에 유튜브 동영상을 Embed Src로 삽입(Publish)해야 할 때가 있습니다.

워드프레스 테마나 플랫폼에서 보통 유튜브에서 제공하는 링크나 소스코드를 그대로 – 주로 아이프레임(iframe src) – 삽입하여 게시하면 문제가 발생하는 경우가 많습니다.

워드프레스 플러그인으로 문제 해결

만약 워드프레스로 만든 사이트에서 유튜브 동영상을 삽입한다면, Youtube 관련 플러그인을 사용하여 문제를 해결하면 쉽습니다.

워드프레스 플러그인 | Youtube - 글에 유튜브 동영상 삽입 플러그인 wordpress-plugin-youtube-plus-installation-analysis-01

워드프레스 플러그인

Youtube – 글에 유튜브 동영상 삽입 플러그인

데스크톱 컴퓨터(desktop, laptop)에서만 본다면 정상적으로 화면에 표시(렌더링, Rendering)되나,  컴퓨터 모니터 등 디스플레이 기기가 모바일 등 수천종이 넘어서, 각 디스플레이 기기에 친화적으로 표시되지 않을 경우가 많기 때문입니다.

가장 많이 쓰는 것 중의 하나인 아이폰이나 안드로이드 스마트폰에서 글(Post) 중에 삽입(Embed)된 유튜브 영상이 크기가 깨져 나오거나, 제대로 표시되지 않으면 방문자에게 불편과 짜증을 줄 수도 있습니다.

워드프레스 플러그인 | Youtube - 글에 유튜브 동영상 삽입 플러그인 wordpress-plugin-youtube-installation-analysis-01

사이트의 모바일 최적화는 필수불가결한 대세

모바일 최적화(mobile friendly or optimization)는 워드프레스 홈페이지를 비롯 모든 웹사이트, 블로그의 가장 큰 요소(Requirement)와 추세(Trend)의 하나가 되었습니다.

이것을 간과한다면, 시대에 뒤떨어져 보이거나 많은 고객을 놓칠 수도 있습니다.

Youtube 플러그인의 설치 및 사용

알림판(Dash Board)에서 플러그인 추가하기에서 첫번째 그림과 같이 “youtube” 키워드로 검색하면 관련 플러그인 들이 (보통) 워드프레스(WordPress.org) 추천순으로 나열됩니다.

Youtube 플러그인은 버전 8.7, 57만회 이상 다운로드 되었고, 평점은 5점 만점에 4.5점 정도를 기록하고 있어서, 신뢰도 지수가 높다고 평가됩니다.

Youtube Plus 플러그인도 살펴봤는데, 성격이 조금은 다릅니다. 버전은 1.3, 다운로드 수 17,634회(2014.07.07일 기준), 평점은 5점 만점에 5점 만점을 기록하고 있습니다.

Plus 플러그인은 대시보드상에서 유투브 계정을 직접 연결하여 워드프레스 사이트와 유튜브 내 계정에 동시에 동영상을 올릴 수 있는 기능도 갖고 있어 좋기는 하나, 유튜브 계정 연결 등 초보자에겐 세팅이 조금은 어려울 수도 있습니다.

Youtube 플러그인  wordpress-plugin-youtube-installation-analysis-02

Youtube 플러그인 다운로드 페이지 – https://wordpress.org/plugins/youtube-embed-plus/

이 플러그인을 설치하여, Default 설정을 정하고, 보통은 쇼트코드(Short Code)로 글에 삽입하면 됩니다.



[]는 쇼트코드 형식이라 다음에서 ‘괄호() 표시’를 중괄호'[]’형식으로 대체하시기 바랍니다.

‘(embedyt)http://www.youtube.com/watch?v=Q…….(/embedyt) ‘ 형식으로 삽입하면 됩니다.

SEO friendly 설정 등은 Pro 버전에서 제공됩니다.

예제(Sample)로 블로그에 게제가 허용되어 있는, 영화 라디오(Radio)에서 박중훈이 부른 OST인  ‘럼블 피쉬 (Rumble Fish) – 비와 당신 (Official Video)‘을 삽입해봅니다.

이상으로 워드프레스 사이트에서 유튜브 동영상을 모든 device에 친화적 또는 최적화 삽입(embed)하는 플러그인 “Youtube”에 대해서 살펴보았습니다.