최근 수정 시각 : 2024-11-27 00:18:37

틀:iframe/설명 문서


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

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

이 틀에서 사용하는 html 문법은 나무위키에서 권장되지 않는 문법입니다. 향후 지원 중단 가능성이 있으며, 지원 중단 시 정상적으로 출력되지 않을 수 있습니다.

1. 개요2. 본문에 넣는 방법3. 동영상의 매개변수 찾는 방법

1. 개요

문서 내에 간편하게 동영상을 넣기 위한 틀입니다.

2. 본문에 넣는 방법

RAW
틀:iframe
기본 iframe
\[include(틀:iframe, src=, width=, height=)]
틀:navervid
네이버 블로그· 카페 비디오
\[include(틀:navervid, vid=, outkey=, width=, height=)]
틀:fbvideo
페이스북 비디오
\[include(틀:fbvideo, fid=, vid=, width=, height=, start=, show_text=)]
show_text=true로 설정하면 동영상에 딸린 게시글을 같이 가져올 수 있습니다.
틀:video
일반 비디오
\[include(틀:video, src=, width=, height=)]
option 매개변수를 이용하여 부가 기능을 추가할 수 있습니다.

3. 동영상의 매개변수 찾는 방법

사이트 구조가 변하는 등의 이유로 매개변수를 추출하는 방법이 달라질 수 있으니 참고하시기 바랍니다.
  • 틀:navervidvid, outkey
https://serviceapi.nmv.naver.com/flash/convertIframeTag.nhn?vid=[vid]&outKey=[outkey]}}} ||
  1. 우선 공유하기를 눌러 '소스 코드' 탭이 있는지 확인합니다. 소스 코드가 있다면 iframe 소스 코드를 확인하여 적절한 매개변수를 추출해 기입하시면 됩니다.

    소스 코드가 없다면,

  2. 네이버 동영상이 첨부된 블로그, 카페 등 페이지에서 개발자 도구를 엽니다.
  3. 소스 코드 부분에서 "inkey를 검색합니다. (한쪽에만 큰따옴표를 붙이는 것이 맞습니다)
  4. 하이라이트된 JSON에서 vid의 값이 매개변수 vid의 값에 해당하고, inkey의 값이 매개변수 outkey의 값에 해당합니다.
  5. 틀:fbvideofid, vid
https://www.facebook.com/[fid]/videos/[vid]}}} ||
  • 해당 동영상 게시물에서 공유하기 - 퍼가기를 누르면 iframe 소스 코드를 확인할 수 있습니다. 소스 코드 내 URL의 사용자 ID가 fid, 동영상 ID가 vid 값에 해당합니다.
  • 기타 틀의 src의 경우
  • 타 사이트 동영상을 띄운 다음, 개발자 도구를 열고 소스 내 video 태그에서 src 값을 이용하시면 됩니다.