(도움말:동영상 넣기에서 넘어옴)

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

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

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

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

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

유튜브, 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 정렬

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

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


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

다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파. 다람쥐 헌 쳇바퀴가 타고 파
차례대로 기본값, 왼쪽, 가운데, 오른쪽.

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 태그 위키텍스트는 다음과 같습니다.

<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 같이 보기