도움말:문서에 동영상 넣기

인쇄용 판은 더 이상 지원되지 않으며 렌더링 오류가 있을 수 있습니다. 브라우저 북마크를 업데이트해 주시고 기본 브라우저 인쇄 기능을 대신 사용해 주십시오.

페미위키 도움말

도움말 목차

v d e h

문서에 동영상을 넣는 법을 알아봅니다.

페미위키 파일 목록에 있는 비디오 넣기

페미위키의 파일 목록에 이미 존재하는 비디오를 문서에 넣기 위해서는 이미지와 같은 방법을 사용할 수 있습니다. 도움말:문서에 이미지 넣기를 봐 주세요.

전용 틀이 있는 외부 서비스의 동영상 사용하기

문서에 섬네일로 추가된 페미위키 제 0회 에디터톤 무빙포스터. 속성을 바꾸어 이 보다 더 크게 표시할 수도 있습니다.

유튜브, Vimeo, TED, 카카오TV의 동영상을 사용하기 위한 방법과, 그 외 영상을 사용하기 위한 방법이 다릅니다.

페미위키에서 외부 서비스의 동영상을 사용하기 위해서는 각 서비스에서 제공하는 방법 대신 페미위키에서 제공하는 방법을 사용할 필요가 있습니다.

유튜브 영상을 위한 위키텍스트 예는 같습니다.

{{유튜브|KfzIk_GCLjE}}

이 때, KfzIk_GCLjE는 비디오의 ID를 나타내고 있습니다. 이것은 전체 URL인 https://www.youtube.com/watch?v=KfzIk_GCLjE의 일부입니다).

속성

괄호 안에 값을 더 적어 여러가지 속성을 부여할 수 있습니다. 예를 들어, 다음과 같이 적을 수 있습니다.

{{유튜브|KfzIk_GCLjE|300|프레임|예시.}}

그러면 다음과 같이 표시됩니다.

예시.

크기

숫자를 적어 비디오가 보일 크기를 지정할 수 있습니다. 값을 하나만 적으면 폭이 됩니다.

{{유튜브|KfzIk_GCLjE|100}}

세로만 지정하고 싶다면 x를 붙여 x200과 같이 적습니다. 예시는 다음과 같습니다.

{{유튜브|KfzIk_GCLjE|x200}}

가로 세로를 다 지정하려면 숫자 둘을 x 양 옆으로 입력합니다.

{{유튜브|KfzIk_GCLjE|480x320}}

아무것도 입력하지 않으면 640으로 지정됩니다.

정렬

왼쪽, 오른쪽, 가운데 중에 하나를 적어 정렬할 수 있습니다.

다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파.

다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파.

다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파.

다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파.

다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파

차례대로 기본값, 왼쪽, 가운데, 오른쪽.

설명

설명을 적으면 비디오 아래 표시됩니다.

설명 예시

섬네일

섬네일로 표시된 비디오.

'섬네일'이라고 적으면 자동으로 오른쪽에 표시됩니다. 섬네일로 지정하면 다른 일부 속성이 무시될 수 있습니다.

모양

'프레임'이라고 적으면 프레임이 표시됩니다.

시작점, 끝점

예를 들어, 다음 위키텍스트는 비디오를 9초부터 시작하도록 합니다.

{{유튜브|KfzIk_GCLjE|시작점=9}}

추가 인자

기본 URL 뒤에 붙는 속성들을 적습니다. 여기에 cc_load_policy=1&hl=ko 를 넣으면 이미지 자체에 들어있는 자막 말고 Closed Caption 형식으로 분리되어있는 자막이 한국어 언어로 존재 할 경우 그 자막을 강제로 띄우게 합니다.

다른 외부 서비스

위에서 설명한 유튜브, 비메오나 카카오TV, TED를 포함하여 그 보다 더 많은 외부 서비스의 비디오를 넣기 위한 embedvideo 태그가 지원됩니다. 이 방법은 시각편집기가 아닌, 위키텍스트에서만 사용이 가능합니다. 그러나 embedvideo가 지원하지 않는 서비스의 경우는 이용이 어렵습니다.

주의 기술적으로, 아래의 문서 내용은 EmbedVideo 확장 기능에서 제공되는 방법 중 태그 훅만을 설명하고 있습니다.

유튜브의 비디오를 위한 embedvideo 태그 위키텍스트는 다음과 같습니다.

<embedvideo service="youtube">KfzIk_GCLjE</embedvideo>

이 때, service="youtube"는 이 비디오가 유튜브의 것이라는 것을, KfzIk_GCLjE는 비디오의 ID를 나타내고 있습니다(이것은 전체 URL인 https://www.youtube.com/watch?v=KfzIk_GCLjE의 일부입니다).

속성

첫 번째 꺾쇄괄호 안에 값을 더 적어 여러가지 속성을 부여할 수 있습니다. 예를 들어, 다음과 같이 적을 수 있습니다.

<embedvideo service="youtube" dimensions="200x200">KfzIk_GCLjE</embedvideo>

그러면 다음과 같이 표시됩니다.

id

필수이며, embedvideo 괄호 사이에 들어가는 값입니다. URL로도 가능합니다.

service

필수입니다. 아래 지원되는 서비스 단락을 참고해주세요.

dimensions

비디오가 보일 크기이며, 값을 하나만 적으면 폭이 됩니다.

<embedvideo service="youtube" dimensions="100">KfzIk_GCLjE</embedvideo>

세로만 지정하고 싶다면 x를 붙여 x200과 같이 적습니다. 예시는 다음과 같습니다.

<embedvideo service="youtube" dimensions="x200">KfzIk_GCLjE</embedvideo>

가로 세로를 다 지정하려면 숫자 둘을 x 양 옆으로 입력합니다.

<embedvideo service="youtube" dimensions="480x320">KfzIk_GCLjE</embedvideo>

아무것도 입력하지 않으면 640으로 지정됩니다.

alignment

이 값은 left, center, right, inline 중에 하나입니다.

description

비디오 아래 표시되는 설명입니다.

container

container="frame"이라고 적으면 프레임이 표시됩니다. 다음은 description과 같이 사용한 예입니다.

설명 예시

urlargs

기본 URL 뒤에 붙는 속성들을 적습니다. 예를 들어, 다음 코드는 유튜브 비디오를 9초부터 시작하도록 합니다.

<embedvideo service="youtube" urlargs="start=9">KfzIk_GCLjE</embedvideo>

autoresize

기본값은 true이며, 비디오가 밖으로 삐져나가지 않도록 해줍니다. false로 설정하면 해제됩니다.

valignment

수직 정렬이며, top, middle, bottom, baseline 중에 하나입니다. 이 속성은 alignment를 inline으로 만듭니다.

지원되는 서비스

이 글을 보려면 오른쪽 '펼치기' 버튼 클릭

Archive.org Videos
service 값

archiveorg

ID 예시

electricsheep-flock-244-80000-6

URL 예시

https://archive.org/details/electricsheep-flock-244-80000-6
Bambuser
service

bambuser - Broadcasts, bambuser_channel - Channels

ID 예시

5262334

URL 예시

http://bambuser.com/v/5262334
Beam
service 값

beam - Streams

ID 예시

RocketBear

URL 예시

https://beam.pro/RocketBear
Bing
service 값

bing

ID 예시

31ncp9r7l

URL 예시

http://www.bing.com/videos/watch/video/adorable-cats-attempt-to-eat-invisible-tuna/31ncp9r7l
Blip.tv
service 값

blip - Blip requires the full URL to the video page and does not accept the raw ID.

URL 예시

http://blip.tv/vinylrewind/review-6864612
C3TV
service 값

mediacccde

ID 예시

32c3-7305-quantum_cryptography

URL 예시

https://media.ccc.de/v/32c3-7305-quantum_cryptography
CollegeHumor
service 값

collegehumor

ID 예시

6875289

URL 예시

http://www.collegehumor.com/video/6875289/batman-says-his-goodbyes
Dailymotion
service 값

dailymotion

ID 예시

x1adiiw_archer-waking-up-as-h-jon-benjamin_shortfilms

URL 예시

http://www.dailymotion.com/video/x1adiiw_archer-waking-up-as-h-jon-benjamin_shortfilms
다음 티비팟 - 카카오TV로 이전한 것과 무관하게 잘 작동합니다.
service 값

tvpot - Obtain the URL or ID from the share menu URL.

ID 예시

s9011HdLzYwpLwBodQzCHRB

URL 예시

http://tvpot.daum.net/v/s9011HdLzYwpLwBodQzCHRB
Div Share
service 값

divshare
Edutopia
service 값

Edutopia content moved to YouTube. Please use the youtube service selector below.
FunnyOrDie
service 값

funnyordie

ID 예시

c61fb67ac9

URL 예시

http://www.funnyordie.com/videos/c61fb67ac9/to-catch-a-predator-elastic-heart-edition
Gfycat
service 값

gfycat

ID 예시

BruisedSilentAntarcticfurseal

URL 예시

http://www.gfycat.com/BruisedSilentAntarcticfurseal
Hitbox
service 값

hitbox

ID 예시

Washuu

URL 예시

http://www.hitbox.tv/Washuu
JW Player
service 값

jwplayer

ID 예시

cr5d8nbu-8ZpoNmmJ

URL 예시

https://content.jwplatform.com/players/cr5d8nbu-8ZpoNmmJ.html
Kickstarter
service 값

kickstarter

ID 예시

elanlee/exploding-kittens

URL 예시

https://www.kickstarter.com/projects/elanlee/exploding-kittens
Metacafe
service 값

metacafe

ID 예시

11404579

URL 예시

http://www.metacafe.com/watch/11404579/lan_party_far_cry_4/
니코니코동화 - 왠지 잘 안 됩니다.
service 값

nico

ID 예시

sm24394325

URL 예시

http://www.nicovideo.jp/watch/sm24394325
RuTube
service 값

rutube

ID 예시

b698163ccb67498db74d50cb0f22e556

URL 예시

http://rutube.ru/video/b698163ccb67498db74d50cb0f22e556/
TeacherTube
service 값

teachertube

ID 예시

370511

URL 예시

http://www.teachertube.com/video/thats-a-noun-sing-along-hd-version-370511
TED Talks
service 값

ted

ID 예시

bruce_aylward_humanity_vs_ebola_the_winning_strategies_in_a_terrifying_war

URL 예시

http://www.ted.com/talks/bruce_aylward_humanity_vs_ebola_the_winning_strategies_in_a_terrifying_war
Tubi TV
service 값

tubitv

ID 예시

318409

URL 예시

http://tubitv.com/video/318409
Tudou
service 값

tudou

ID 예시

mfQXfumwiew

URL 예시

http://www.tudou.com/listplay/mfQXfumwiew.html
Twitch
service

twitch - Live Streams, twitchvod - Archived Videos on Demand

ID 예시

twitchplayspokemon

URL 예시

http://www.twitch.tv/twitchplayspokemon
Videomaten
service 값

videomaten
Vimeo
service 값

vimeo

ID 예시

105035718

URL 예시

http://vimeo.com/105035718
Vine
service 값

vine

ID 예시

h2B7WMtuX2t

URL 예시

https://vine.co/v/h2B7WMtuX2t
Yahoo Screen
service 값

yahoo

ID 예시

katy-perry-dances-sharks-2015-024409668

URL 예시

https://screen.yahoo.com/videos-for-you/katy-perry-dances-sharks-2015-024409668.html
유튜브
service

youtube - 비디오, youtubeplaylist - 재생목록

ID 예시

pSsYTj9kCHE

URL 예시

https://www.youtube.com/watch?v=pSsYTj9kCHE, https://www.youtube.com/watch?v=CW_PbErQ_c8&list=PL76E80C7F756A2047
Youku
service 값

youku

ID 예시

XODc3NDgzMTY4

URL 예시

http://v.youku.com/v_show/id_XODc3NDgzMTY4.html

같이 보기

도움말:문서에 미디어 넣기

문서에 미디어 넣기

문서 구조 만들기