Skip to content

Notion에 Bilibili 동영상 삽입하기

이전 문서: Notion에 Bilibili 동영상 삽입하기 게시일: 2024-3-4 마지막 수정: 2024-9-4 원래 분류: ✒ Notion 튜토리얼 태그: NotionNext, Notion 요약: NotionNext에 Bilibili 동영상을 삽입하는 방법입니다.

Notion은 기본적으로 Bilibili 동영상에 최적화되어 있지 않습니다. 하지만 다음 방식으로 처리할 수 있습니다.

전체 과정은 세 단계입니다. Bilibili의 임베드 스크립트를 복사하고, 스크립트에서 동영상 URL을 추출한 뒤, 해당 URL을 Notion의 내장 웹페이지로 삽입합니다.

  1. 동영상 공유 링크에서 임베드 코드를 복사합니다. Untitled

  2. 코드를 URL 형식으로 변환합니다. 기본으로 복사되는 내용은 웹페이지 스크립트입니다.

JavaScript
<iframe src="//player.bilibili.com/player.html?aid=1700928875&bvid=BV1aK42187hF&cid=1446312848&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

여기서 src 부분을 추출합니다.

309659556-2832155c-cdd9-4ca5-a68f-44a1502dc1d5.png

즉 다음 주소입니다. //player.bilibili.com/player.html?aid=1700928875&bvid=BV1aK42187hF&cid=1446312848&p=1

  1. Notion의 embed로 삽입합니다.
  • embed는 임의의 웹페이지를 Notion 안에 자연스럽게 삽입할 수 있습니다. 309660274-5d6b9cbd-0980-45b6-8be4-07d437ef6496.png

  • 링크를 직접 입력하고 Embed link를 클릭하면 됩니다. Untitled

📖 재생되지 않는다면 링크 앞에 https:를 붙여 보세요. 예:

https://player.bilibili.com/player.html?aid=1700928875&bvid=BV1aK42187hF&cid=1446312848&p=1

효과

https://player.bilibili.com/player.html?aid=1700928875&bvid=BV1aK42187hF&cid=1446312848&p=1

원문 링크

https://docs.tangly1024.com/article/notionnext-video