중국 유쿠/토도우 동영상을 워드프레스에 삽입하기

Last Updated: 2017년 10월 27일 댓글

중국 유쿠(Youku)/토도우(Tudou) 동영상을 워드프레스에 삽입하기

유쿠는 중국에서 가장 거대한 동영상 공유업체라고 하네요. 중국에는 유투브, 비메오가 차단되어 있기 때문에 유쿠를 이용하여 동영상을 공유할 수 있습니다.

유쿠(Youku) 동영상과 토도우(Tudou) 동영상을 워드프레스에 쉽게 삽입하려면 다음 글에 소개된 숏코드를 사용할 수 있습니다.

링크된 글에서 플러그인을 다운로드하여 설치해도 되고, 다음과 같은 코드를 사용 중인 테마의 함수 파일에 추가해도 됩니다.

function vid_sc($atts, $content=null) {
extract(
shortcode_atts(array(
'site' => 'tudou',
'id' => '',
'w' => '600',
'h' => '400'
), $atts)
);
if( $site == "tudou" ) {
$src = 'http://www.tudou.com/v/' . $id . '/&resourceId=0_04_02_99&tid=0/v.swf';
}
else if( $site == "youku" ) {
$src = 'http://player.youku.com/embed/' . $id;
}
if ( $id != '' ) {
return '<iframe src="' . $src . '" width="' . $w . '" height="' . $h .'" class="vid-' . $site . '"></iframe>';
}
}
add_shortcode('vid', 'vid_sc');

동영상을 추가하려는 경우 다음과 같은 숏코드를 원하는 곳에 붙여넣기 합니다.

  • Tudou 동영상: [vid site="tudou" id="xxxxxx"]
  • Youku 동영상: [vid site="youku" id="xxxxxx"]

삽입할 동영상이 몇 개 안 되는 경우 직접 iframe 코드를 복사하여 붙여넣기할 수도 있습니다.

유쿠 동영상의 경우, 공유 아이콘 옆에 있는 V 모양의 아이콘을 클릭하면 iframe으로 공유할 수 있는 소스 코드가 표시됩니다.

<iframe...> 옆에 있는 아이콘을 클릭하면 공유 링크가 복사됩니다. 복사한 iframe 코드를 워드프레스 글 편집기의 "텍스트" 모드에서 붙여넣을 수 있습니다.

iframe으로 추가하는 경우 다음과 같은 형식으로도 가능할 것 같습니다. (위의 숏코드를 실제 코드로 바꾸면 아래와 같이 됩니다.)

<iframe src="http://player.youku.com/embed/동영상_ID" width="600" height="400" class="vid-youku"></iframe>

참고:


댓글 남기기

Leave a Comment