Typecho JOE主题 - 文章中嵌入 bilibili 视频 方法记录与测试

admin
2024-07-24 / 0 评论 / 1 阅读 / 正在检测是否收录...

typecho 在文章中添加 bilibili 视频
c51be5cff5196c6171c50.png

一、内置默认效果

二、只使用嵌入代码的效果

三、加div格式的效果

获取视频来源:
可以有2种方式来定位一个 bilibili 视频:

第一种是使用 bvid 参数定位
第二种是使用 aid 参数定位
如何获取这两个参数?

首先我们可以看看 bilibili 网站中的视频页面链接其实可以分为两种:

第一种是类似:https://www.bilibili.com/video/BV17B4y1R775 这样的,这里BV后面的 17B4y1R775 就是当前视频的 bvid
第二种是类似:https://www.bilibili.com/bangumi/play/ep733316?spm_id_from=333.337.0.0 这样的,看不到 bvid,但可以在视频处右键,点击“复制视频地址(精准空降)”,从而得到类似 https://www.bilibili.com/video/av478818261?t=205.6 的网址,这里 av 后面的 478818261 就是当前视频的 aid
但是,不管那种地址,我们都可以通过查看 bilibili 视频所在网页的源代码来找到这些参数的值。

方法:在 bilibili 视频页面,右键查看源代码,然后按 ctrl+F 组合键搜索"aid",“bvid”(带引号搜索可以精准定位)

例如,对于第二种视频,我们搜索 “aid” 可以找到647个值,每个值对应一个视频,首先看第一个 aid 的值为 478818261 ,并且往后看可以发现"bvid": “BV1vT411d7QE”, “cid”: 1022370693,以及 “long_title”: “凡人风起天南1重制版”。long_title的值就是这个视频的标题(第一集),而另一个定位视频的 bvid 的值也同样找到了,就是 1vT411d7QE 。

第一种视频还提供了“嵌入代码”,直接使用这些代码就可达到引用的效果。

方法:在 bilibili视频下方有个点击复制链接的图标,移动至图标会弹出一个对话框,对话框下方如果有“嵌入代码”,点击即可复制该代码。

例如,泽泽社长的这个视频 https://www.bilibili.com/video/BV1uS4y1S7E6,我们可以找到他的“嵌入代码”为:1uS4y1S7E6
最后,还是默认效果最好!!!

0

评论 (0)

取消