문서 에 동영상을 넣는 법을 알아봅니다.
페미위키 파일 목록에 있는 비디오 넣기
페미위키의 파일 목록에 이미 존재하는 비디오를 문서에 넣기 위해서는 이미지와 같은 방법을 사용할 수 있습니다. 도움말:문서에 이미지 넣기 를 봐 주세요.
전용 틀이 있는 외부 서비스의 동영상 사용하기
유튜브 , 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으로 지정됩니다.
정렬
왼쪽
, 오른쪽
, 가운데
중에 하나를 적어 정렬할 수 있습니다.
다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파.
다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파.
10x10 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파.
10x10 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파.
10x10 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파
차례대로 기본값, 왼쪽, 가운데, 오른쪽.
설명
설명을 적으면 비디오 아래 표시됩니다.
설명 예시
섬네일
'섬네일'이라고 적으면 자동으로 오른쪽에 표시됩니다. 섬네일로 지정하면 다른 일부 속성이 무시될 수 있습니다.
모양
'프레임'이라고 적으면 프레임이 표시됩니다.
시작점, 끝점
예를 들어, 다음 위키텍스트는 비디오를 9초부터 시작하도록 합니다.
{{유튜브|KfzIk_GCLjE|시작점=9}}
추가 인자
기본 URL 뒤에 붙는 속성들을 적습니다. 여기에 cc_load_policy=1&hl=ko 를 넣으면 이미지 자체에 들어있는 자막 말고 Closed Caption 형식으로 분리되어있는 자막이 한국어 언어로 존재 할 경우 그 자막을 강제로 띄우게 합니다.
다른 외부 서비스
위에서 설명한 유튜브, 비메오나 카카오TV, TED를 포함하여 그 보다 더 많은 외부 서비스의 비디오를 넣기 위한 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
같이 보기