문서에 동영상을 넣는 법을 알아봅니다.
페미위키 파일 목록에 있는 비디오 넣기
페미위키의 파일 목록에 이미 존재하는 비디오를 문서에 넣기 위해서는 이미지와 같은 방법을 사용할 수 있습니다. 도움말:문서에 이미지 넣기를 봐 주세요.
전용 틀이 있는 외부 서비스의 동영상 사용하기
유튜브, 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 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
|
같이 보기
.svg){kind=small}
다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파.