Notion 中如何嵌入 B 站视频?

考虑到不少小伙伴有嵌入一些视频或者音频的需求,类似的 Notion 中可以嵌入 YouTube 视频。 那么 B 站能不能嵌入到 Notion 中呢?

Hi~ 我是 Linmi,这里是 Notion Tips 栏目,我会每天更新一个 Notion 技巧,帮助小伙伴们更好的使用 Notion ,提高 Notion 使用效率。

本篇内容涉及点有:内嵌 B 站视频到 Notion 的方法流程,如何开启 B 站内嵌在 Notion 中实现最高画质预览。

本篇是 Notion Tips 的第六篇,本篇技巧写作缘由是来源于 Notion 微信群内的提问。考虑到不少小伙伴有嵌入一些视频或者音频的需求,类似的 Notion 中可以嵌入 YouTube 视频。

B 站又是国内比较大的流媒体网站,所以相应的会有一些需求去嵌入这些流媒体网站的内容到 Notion 上。

YItusFSnBfdMX4r

这里测试网易云音乐不支持嵌入,不过之前我确实内嵌成功过,具体原因我还在测试。

诡异的是,我通过先内嵌博客,再跳转链接到网易云,是可以打开与播放的。

m5iHQeVnU3ZqJXh

回过头来说,个人直接在 Notion 中嵌入B站的链接是生效要么是一个链接 Block、要么是整个网站。

fqVxnOpgDwJAQYu

不过真实情况我们更希望看到直接像 YouTube 显示一个播放器即可,不用显示多余元素,但是粘贴显示又是上面两种情况。

那么有什么办法能够像粘贴 YouTube 到 Notion 一样的展示么?完全可以。

如何在 Notion 中嵌入 B 站视频

很简单,非常简单。

第一步:打开你要嵌入的 B 站视频

JRsbmUnYOcez6da

这里我选择《看不见的父爱,其实一直都在》这一部视频。

第二步:点击分享按钮,找到嵌入代码

lbmeP9kCaSFWd56

我们直接把代码复制出来,得到以下内容:

<iframe src="//player.bilibili.com/player.html?aid=71427557&cid=123765248&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

这样代码粘贴到 Notion 中是无效的,我们需要直接一个 URL 即可。类似这样:

https://linmi.cc/

我们来仔细在之前代码里面找与特征相符的链接:

//player.bilibili.com/player.html?aid=71427557&cid=123765248&page=1

得到上面这一个 URL,前面加上 https:

https://player.bilibili.com/player.html?aid=71427557&cid=123765248&page=1

接下来可以直接粘贴了。

JIHQ4Zs1B9KmVED

当然也可以使用命令 /embed 实现内嵌。

Ei3MVTqDsvlYNJh

第三步: 1080P 看 B 站视频

内嵌是内嵌了,但是看起来不高清呀,360P 这画质能闪瞎我的钛合金眼。

5RzI27WUuo9TV4s

哈哈,这里我们需要对上面的链接加上一个参数 &high_quality=1,得到下面这个链接。

//player.bilibili.com/player.html?aid=71427557&cid=123765248&page=1&high_quality=1

这个参数的意思就是,登录时看内嵌视频就是最大分辨率了。

1cxJ9rKOmDIY2oF

加上后只是 480P,说好的最高分辨率呢?

前面其实已经提到了直接内嵌 B 站整个网站都是可以的,既然可以内嵌整个网站,登录不也就可以?

按照上面的方法内嵌 B 站登录入口链接,粘贴整个链接到 Notion。(注意这样也很危险,容易被盗账号。)

https://passport.bilibili.com/login
Zu8IvwThM5VfW9p

按照步骤登录即可,最后再打开视频,就是最高画质来播放,放置在 Notion 任何页面都是这样。

tvVYM4qy3PFDQmB

大功告成!

总结

如果你善于发现的话,其实下面的链接就可以实现内嵌 B 站视频。

player.bilibili.com/player.html?aid=71427557

对比原有的 B 站视频链接

https://www.bilibili.com/video/av71427557/

aid= 与 av 后面的数字是一样的,其实只要把 av 后面的数字替换即可。保留好下面这个链接:

player.bilibili.com/player.html?aid=填写数字&high_quality=1

需要时候填入 av 后数字即可。

碎碎念

最近同事离职还是比较忙,抽空开始把之前的主题开始梳理写起来,答应中南的稿子也没给到,实在惭愧。

Notion 中文社区:加入 Notion 中文社区社群

感谢阅读,请评分鼓励一下我!

感谢评价,欢迎关注我的 Twitter 哦。

感谢阅读,请评分鼓励一下我!

感谢评价,欢迎关注我的 Twitter 哦。

Notion

Notion Formula 应用实例:身份证号码也可以判断性别

2019-10-2 17:40:00

Notion

Notion 剪藏插件 + Notion 批量选择标签 = ?

2019-10-19 13:38:59

54 条回复 A文章作者 M管理员
  1. 请问为什么我用high_quality=1他只能显示720p,而视频的最高画质有1080p

    • 需要登录?

  2. 参考最后写到的拼接方法做了一个notion自动转换表,特来此表示感谢!
    另外现在很多视频是BV编号的,所在拼接时需要改动一下,
    如果是BV编号,应该使用player.bilibili.com/player.html?bvid=“BV后面的10个字符”

  3. 图床挂了(doge

    • 换成联通哈哈哈哈哈,移动的网会挂。

  4. 犀利啊,学习啦

  5. Youtube直接放链接就出来了 按照博主的方法 b站视频读不出来诶 是我的问题吗

    • 我也读不出来...

    • 不对,可以的,用aid后的字符串可以

  6. b站视频暂停后,屏幕变暗,做笔记不方便,站长有方法能解决吗?

    • 屏幕变暗没遇到过,你看看调节屏幕亮度?

  7. 怎么能 显示字幕呢,老大

    • 字幕得视频支持。

  8. 登陆了之后点视频还是自动跳转到浏览器网页?

  9. 我尝试了一下后面那个方法,直接在notion里登陆,但是点击收藏里的视频直接在网页上打开了,没有像教程里说的那样能在notion里打开并调节清晰度诶

  10. 您好,我有一个疑问。文章中提到,在Notion里面嵌入B站的登录地址,“注意这样也很危险,容易被盗账号“,那我是否能理解为在Notion里内嵌1080P的视频必然带有较高的账号风险?

    • 当然不是 登陆界面可能输入密码 存在保留cookie的可能 如果你登陆过 再分享 就不安全了
      单纯的视频链接没有用户的登录内容

  11. 我尝试了一下,现在改成bv号之后,把教程链接中的aid=替换成bvid=就可以了,后面输入BV号即可,不用麻烦转换了

  12. 似乎不行啊,只显示URL,youtube没问题,还有插入web bookmark,我试了下,知乎和少数派都无法显示插图。。。

  13. 替楼主补充一下:
    最近B站的视频用的是BV号,在分享界面是不含嵌入代码的。如果想要将编号为BV的视频嵌入Notion,先把BV号转为AV号,转换地址http://b2a.dreampsalm.top/(我在知乎找的网站)。然后在将av后的数字填在楼主的这个代码中:player.bilibili.com/player.html?aid=填写数字&high_quality=1
    这样就可以实现BV视频的插入(不过感觉步骤有点繁琐,说不定后期会有更好的办法~)

    • BV和AV用的数字不一样吗?

  14. 如果不用最后一种登录的方式,嵌入的视频能关闭弹幕吗

    • 代码后添加:danmaku 是否开启弹幕,1: 开启(默认), 0: 关闭

    • Linmi

      能给一个完整的没有弹幕的代码例子吗

    • BILIBILI 地址PC端参数

      &high_quality=1 (1=最高画质 0=最低画质)
      &danmaku=0 (1=打开弹幕 0=关闭弹幕)

      iframe 参数
      allowfullscreen="allowfullscreen" #移动端全屏
      sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts" #禁止弹出网页

  15. 你好 请问嵌入之后B站原视频删除了那么Notion中保存的也会被删吗?

    • 是的

  16. 嵌入之后没有字幕了呢

  17. iphone端好像无法查看嵌入的视频

    • 应该是B站做了限制。

  18. 请问加了代码&high_quality=1之后,还是480p,无法变成1080p呢

    • 下面有说明怎么登陆。

    • 需要进行登陆,教程中有提到。

  19. 请问这个嵌入之后没办法显示进度条吗?弹幕倒是能显示

    • 可以显示,记得拖拽选择一下。

    • Linmi

      嗯!ok了~效果满意。非常感谢你的教程!

  20. 请问嵌入后加载不出来是什么问题?直接粘贴文章中的链接也是一直加载中

    • 浏览器还是 Notion 客户端?

    • Linmi

      Chrome

    • 检查一下是否链接错误了,有些动漫和影视貌似不能嵌入。

    • Linmi

      解决了,网页版不行,换了mac客户端

    • 我使用 player.bilibili.com/player.html?aid=71427557这样的格式就无法加载出视频。在前面加上https:// 的完整网址后就可以正常加载。
      同样是使用的chrome浏览器,你可以试一试是否也是如此

    • +1 http 无法解析 需要使用https

  21. 你好,想请教下为什么直接插入视频的时候只有声音不显示画面

搜索