[팁] 니코니코 동화를 script 말고 iframe 으로 넣기

니코니코 동화에서 제공하는 플레이어 Embedded Code는 다른 영상 공유 사이트 (Ex. YouTube) 와는 다르게 script 를 사용한다.

<script type="application/javascript" src="https://embed.nicovideo.jp/watch/sm32355422/script?w=720&h=480"></script><noscript><a href="https://www.nicovideo.jp/watch/sm32355422">【MV】Role-Playing Game ／SoraMafuUraSaka</a></noscript>

근데 최근엔 XSS를 방지하겠다면서, 대부분의 사이트에서는 script 태그 (<script>)를 아예 차단하는 경우도 있다.

한마디로 못넣는다.

그럼 어떻게 해야하느냐?

방법은 생각보다 간단한데, 위 script 태그를 넣으면 아래 추가되는 코드를 직접 삽입하면 된다.

(src 속성 안에 있는 sm123123123 같은 영상 아이디를 교체하여 주면 된다)

<iframe allowfullscreen="allowfullscreen" allow="autoplay" frameborder="0" width="640" height="360" src="https://embed.nicovideo.jp/watch/sm32355422"></iframe>

테스트로 넣어본 iframe

이제 니코니코 동화의 Embed 플레이어에서도 text-align: center; 로 플레이어를 중간 정렬시킬 수 있다.

---

잠깐! 영상의 시작 시간을 임의로 지정하고 싶다면?

<iframe allowfullscreen="allowfullscreen" allow="autoplay" frameborder="0" width="640" height="360" src="https://embed.nicovideo.jp/watch/sm32355422?from=1 (시간)"></iframe>

src 속성 뒤에 GET from 값으로 원하는 시간을 입력해주면 된다.

시간을 지정하고 싶다면, 니코니코 동화 Video Starting Point 에서 지정한 from 값과 동일하므로 참고하길.