최근 수정 시각 : 2022-12-01 10:24:57

틀:영상 정렬/설명문서


이 문서는 설명 문서입니다.

설명 문서는 틀 혹은 그에 준하는 삽입용 문서에 대한 설명을 보충하기 위한 문서이며, 중복 문서가 아닙니다.
include 문법을 사용하여 해당 틀 문서에 삽입되므로 설명 문서에 링크를 걸지 말아주시기 바랍니다.

1. 개요2. 예시3. 매개 변수 목록

1. 개요

유튜브 영상에 관련된 틀이다.
  1. 영상을 좌, 우, 가운데 정렬을 하거나
  2. 영상 크기를 조절하거나
  3. 영상 아래에 캡션을 넣을 수 있으며 캡션 칸의 배경색과 테두리 색을 조절할 수 있다.

2. 예시

영상 아이디는 유튜브 주소 중 https://youtube.com/watch?v=https://youtu.be/ 뒤의 11자리 문자열을 뜻한다.

매개 변수 설명은 아래 매개 변수 문단을 참고 바람
  • [include(틀:영상 정렬, url=영상ID)]

    가운데 정렬, 기본 가로 640px × 세로 360px
    {{{#!folding [ 예시 펼치기 · 접기 ]
산아, 우뚝 솟은 푸른 산아, 철철철 흐르듯 짙푸른 산아. 숱한 나무들, 무성히 무성히 우거진 산마루에, 금빛 기름진 햇살은 내려오고, 둥둥 산을 넘어, 흰구름 건넌 자리 씻기는 하늘. 사슴도 안 오고 바람도 안 불고, 넘엇 골 골짜기서 울어오는 뻐꾸기.
}}}
  • 크기 조절 + 좌우 정렬
    • [include(틀:영상 정렬, r=, url=영상ID, w=300, h=200)]

      오른쪽 정렬, 가로 300px × 세로 200px
      {{{#!folding [ 예시 펼치기 · 접기 ]
산아, 우뚝 솟은 푸른 산아, 철철철 흐르듯 짙푸른 산아. 숱한 나무들, 무성히 무성히 우거진 산마루에, 금빛 기름진 햇살은 내려오고, 둥둥 산을 넘어, 흰구름 건넌 자리 씻기는 하늘. 사슴도 안 오고 바람도 안 불고, 넘엇 골 골짜기서 울어오는 뻐꾸기. [clearfix]
}}}
  • [include(틀:영상 정렬, l=, url=영상ID, w=360)]

    왼쪽 정렬, 가로 800px × 세로 360px
    {{{#!folding [ 예시 펼치기 · 접기 ]
산아, 우뚝 솟은 푸른 산아, 철철철 흐르듯 짙푸른 산아. 숱한 나무들, 무성히 무성히 우거진 산마루에, 금빛 기름진 햇살은 내려오고, 둥둥 산을 넘어, 흰구름 건넌 자리 씻기는 하늘. 사슴도 안 오고 바람도 안 불고, 넘엇 골 골짜기서 울어오는 뻐꾸기. [clearfix]
}}}
  • 캡션 추가
    • [include(틀:영상 정렬, url=영상ID, c=캡션)]

      캡션 적용
      {{{#!folding [ 예시 펼치기 · 접기 ]
캡션

}}}
  • [include(틀:영상 정렬, url=영상ID, c=캡션, b=#f33)]

    테두리에 #f33(=#ff3333)색상 적용
    {{{#!folding [ 예시 펼치기 · 접기 ]
캡션

}}}
  • [include(틀:영상 정렬, url=영상ID, c=캡션, bg=#ff0)]

    배경색에 #ff0색 적용
    {{{#!folding [ 예시 펼치기 · 접기 ]
캡션

}}}
  • {{{#red [include(틀:영상 정렬, url=영상ID, c=캡션, bg=#ff0)]}}}

    글자색에 red, 배경색에 #ff0색 적용
    {{{#!folding [ 예시 펼치기 · 접기 ]
{{{#!wiki style="text-align:center; display:table; width:640px; max-width:100%; margin:10px auto"
}}}

3. 매개 변수 목록

  • 정렬 옵션
    아래 두 인수를 둘다 쓰지 않을 경우 가운데 정렬이 된다.
    • r= (right) 매개변수
      영상을 오른쪽에 붙인다.
    • l= (left) 매개변수
      영상을 왼쪽에 붙인다.
  • 크기 옵션
    아래 두 인수를 쓰지 않는 경우 기본 크기 가로 640px, 세로 360px로 적용된다. 오로지 숫자만 인수로 받을 수 있고, px 크기로 적용된다. % 등 다른 단위는 오류가 일어난다.
    • w= (width) 매개변수
      가로 너비를 조절.
    • h= (height) 매개변수
      세로 높이를 조절.
  • 캡션 옵션
    색 속성은 헥스코드 형식(3자리 #f03, 6자리 #ff0033, 8자리 #ff0033aa 등, 반드시 #를 표기해야함), 명칭(red, blue 등), transparent(투명) 등이 가능 CSS color 참조 바람.
    • c= (caption) 매개변수
      해당 매개변수를 입력하지 않으면 캡션은 표시되지 않는다.
    • b= (border) 매개변수
      캡션 테두리 색 속성. 매개변수를 입력하지 않으면 나무위키 기본 표 테두리 색과 비슷하게 표시되게 #99999955 색의 1px 굵기가 적용된다.
    • bg= (background) 매개변수
      캡션 배경 색 속성. 매개변수를 입력하지 않으면 나무위키 기본 표 배경 색과 비슷하게 표시되게 #bbbbbb35 색이 적용된다.
    • 기본값인 반투명한 회색으로 라이트 테마와 다크 테마 양쪽에서 적절한 색이 표시되게 만들었으므로, 배경색이 원래 있는 상황(표 내부 등)에서는 배경색이 겹쳐진다.