Hexo 博客插入 B 站 html5 播放器

今年 8 月 15 号左右,B 站推出了 HTML5 播放器,自此,B 站成为国内首个原生支持全平台 HTML5 播放器的视频网站。

2017 年 1 月 19 日 B 站推出了 HTML5 播放器已经支持 https

Hexo 插 B 站的播放器很简单,在 md 文档中插个 iframe 标签就行,aid 和 cid 值需要手动填写,播放器大小可以自己调节:

1
<iframe src="https://www.bilibili.com/html/html5player.html?aid=3521416&cid=6041635" width="640" height="480" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

B 站每个视频都有对应的 aid 和 cid 值,在视频网页的源代码中可以找到,大概在 380 行左右就能看到。

插入成功后就是这样:

博客建了没多久,我一直找一个能对 Hexo 友好的 HTML5 播放器,期间尝试过 Vime、Youtube 等,但是由于不可描述的原因,在国内使用并不现实。后来找到了 DPlayeer 才算告一段落。但是 DPlayer 需要配合 七牛云 一类的外链才能获得最好的体验,对于个人来说,B 站的 HTML5 播放器可能是最好的个人博客播放器


前些天知悉 B 站 HTML5 播放器核心组件 flv.js 作者每月收入仅 5k 的消息,也挺难过的吧。“Github 上的 star 都比他工资高”也确实太埋没人才了,期待他能找到待遇更好的工作吧。

时光不语, 静待花开