니코동 영상을 유튜브처럼 Iframe으로 삽입하기
니코니코동화(ニコニコ動画) 공유 기능의 영상 플레이어를 iframe으로 넣는 법
⚠️
블로그를 이전하면서, 글의 일부 내용이 수정되거나 삭제되었습니다.
서론
![글 작성자가 업로드 한 이미지](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%252Fsecure.notion-static.com%252F4b29e348-a09c-4c03-b7d4-a9b674ee53f1%252FUntitled.png%3Ftable%3Dblock%26id%3Dde10dea2-3600-443a-819a-ec91fc889262%26cache%3Dv2&w=3840&q=75)
니코니코 동화 (ニコニコ動画)의 '공유' 기능을 이용하면, 영상 플레이어를 삽입할 수 있다. 하지만 제공되는 소스가 script 형식으로 되어 있어, 대부분의 웹 사이트나 플랫폼 서비스에서는 사실상 이용이 불가능하다.
더욱 황당한 것은, 저 스크립트의 기능을 보면 iframe을 생성하는 것 이외에는 어떠한 기능도 없다. 왜 니코니코 동화는 대체 script로 제공하는 것일까...
어찌 됐든, 본론으로 들어가서 iframe으로 간단하게 영상을 삽입해보자.
간단한 소스
<iframe width="640" height="360" src="https://embed.nicovideo.jp/watch/sm33807171" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
- src 안에 있는 링크에, sm33807171 부분을 변경하면 된다.
영상의 아이디?
![글 작성자가 업로드 한 이미지](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%252Fsecure.notion-static.com%252Ff3c61ac0-321f-4516-8aa9-af09428e4271%252FUntitled.png%3Ftable%3Dblock%26id%3Dc188e4a9-977e-4180-9714-d4d70255c71c%26cache%3Dv2&w=3840&q=75)
니코니코 동화의 영상 시청 페이지에서 주소창을 보면, 아이디를 알 수 있다. '/watch/' 뒤에 있는 'sm01234567' 이 아이디인 것.