문서에 동영상을 넣는 법을 알아봅니다.
1 페미위키 파일 목록에 있는 비디오 넣기
페미위키의 파일 목록에 이미 존재하는 비디오를 문서에 넣기 위해서는 이미지와 같은 방법을 사용할 수 있습니다. 도움말:문서에 이미지 넣기를 봐 주세요.
2 전용 틀이 있는 외부 서비스의 동영상 사용하기
유튜브, Vimeo, TED, 카카오TV의 동영상을 사용하기 위한 방법과, 그 외 영상을 사용하기 위한 방법이 다릅니다.
페미위키에서 외부 서비스의 동영상을 사용하기 위해서는 각 서비스에서 제공하는 방법 대신 페미위키에서 제공하는 방법을 사용할 필요가 있습니다.
유튜브 영상을 위한 위키텍스트 예는 같습니다.
{{유튜브|KfzIk_GCLjE}}
이 때, KfzIk_GCLjE는 비디오의 ID를 나타내고 있습니다. 이것은 전체 URL인 https://www.youtube.com/watch?v=KfzIk_GCLjE의 일부입니다).
2.1 속성
괄호 안에 값을 더 적어 여러가지 속성을 부여할 수 있습니다. 예를 들어, 다음과 같이 적을 수 있습니다.
{{유튜브|KfzIk_GCLjE|300|프레임|예시.}}
그러면 다음과 같이 표시됩니다.
2.1.1 크기
숫자를 적어 비디오가 보일 크기를 지정할 수 있습니다. 값을 하나만 적으면 폭이 됩니다.
{{유튜브|KfzIk_GCLjE|100}}
세로만 지정하고 싶다면 x를 붙여 x200과 같이 적습니다. 예시는 다음과 같습니다.
{{유튜브|KfzIk_GCLjE|x200}}
가로 세로를 다 지정하려면 숫자 둘을 x 양 옆으로 입력합니다.
{{유튜브|KfzIk_GCLjE|480x320}}
아무것도 입력하지 않으면 640으로 지정됩니다.
2.1.2 정렬
왼쪽, 오른쪽, 가운데 중에 하나를 적어 정렬할 수 있습니다.
다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파.
다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파.
다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파.
다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파.
다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파
차례대로 기본값, 왼쪽, 가운데, 오른쪽.
2.1.3 설명
설명을 적으면 비디오 아래 표시됩니다.
2.1.4 섬네일
'섬네일'이라고 적으면 자동으로 오른쪽에 표시됩니다. 섬네일로 지정하면 다른 일부 속성이 무시될 수 있습니다.
2.1.5 모양
'프레임'이라고 적으면 프레임이 표시됩니다.
2.1.6 시작점, 끝점
예를 들어, 다음 위키텍스트는 비디오를 9초부터 시작하도록 합니다.
{{유튜브|KfzIk_GCLjE|시작점=9}}
2.1.7 추가 인자
기본 URL 뒤에 붙는 속성들을 적습니다. 여기에 cc_load_policy=1&hl=ko 를 넣으면 이미지 자체에 들어있는 자막 말고 Closed Caption 형식으로 분리되어있는 자막이 한국어 언어로 존재 할 경우 그 자막을 강제로 띄우게 합니다.
3 다른 외부 서비스
위에서 설명한 유튜브, 비메오나 카카오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의 일부입니다).
3.1 속성
첫 번째 꺾쇄괄호 안에 값을 더 적어 여러가지 속성을 부여할 수 있습니다. 예를 들어, 다음과 같이 적을 수 있습니다.
<embedvideo service="youtube" dimensions="200x200">KfzIk_GCLjE</embedvideo>
그러면 다음과 같이 표시됩니다.
3.1.1 id
필수이며, embedvideo 괄호 사이에 들어가는 값입니다. URL로도 가능합니다.
3.1.2 service
필수입니다. 아래 지원되는 서비스 단락을 참고해주세요.
3.1.3 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으로 지정됩니다.
3.1.4 alignment
이 값은 left, center, right, inline 중에 하나입니다.
3.1.5 description
비디오 아래 표시되는 설명입니다.
3.1.6 container
container="frame"이라고 적으면 프레임이 표시됩니다. 다음은 description과 같이 사용한 예입니다.
3.1.7 urlargs
기본 URL 뒤에 붙는 속성들을 적습니다. 예를 들어, 다음 코드는 유튜브 비디오를 9초부터 시작하도록 합니다.
<embedvideo service="youtube" urlargs="start=9">KfzIk_GCLjE</embedvideo>
3.1.8 autoresize
기본값은 true이며, 비디오가 밖으로 삐져나가지 않도록 해줍니다. false로 설정하면 해제됩니다.
3.1.9 valignment
수직 정렬이며, top, middle, bottom, baseline 중에 하나입니다. 이 속성은 alignment를 inline으로 만듭니다.
3.2 지원되는 서비스
| 이 글을 보려면 오른쪽 '펼치기' 버튼 클릭
|
- 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
|
4 같이 보기
.svg){kind=small}
다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파.