최근 수정 시각 : 2022-12-01 09:29:51

틀:영상 정렬


@c=캡션@


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 색이 적용된다.
    • 기본값인 반투명한 회색으로 라이트 테마와 다크 테마 양쪽에서 적절한 색이 표시되게 만들었으므로, 배경색이 원래 있는 상황(표 내부 등)에서는 배경색이 겹쳐진다.