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

This page was last edited on 14 June 2018, at 03:05.

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

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

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

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

문서에 섬네일로 추가된 페미위키 제 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으로 지정됩니다.

정렬

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

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


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

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

설명

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

설명 예시

섬네일

섬네일로 표시된 비디오.

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


모양

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

시작점, 끝점

예를 들어, 다음 위키텍스트는 비디오를 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

같이 보기