WordPress 引用 Bilibili.tv 视频方法更新

update:现在 bilibili 官方已提供分享链接功能,这篇文章已经过时。

从业产品经理一年有余,虽非主业,前端知识也多少了解了下。今天发现有人评论老文章《吉原哀歌 外一篇( WordPress 引用 Bilibili.tv 视频方法)》,反映开启 Adblock 以后会有错位现象。这个我当时也是知道的,使用<iframe>也确属无奈,但在当时而言没有什么好办法,就在 Adblock 给自己的博客加了白名单。

现在再回过头来简单看了一下,发现有更简单的办法,不知道是 Bilibili 更新还是当时看不懂,总之…… 先 Test 一下。

Test 通过

——————

讲方法,一句话:

其中 337840 为视频地址中数字代码,也就是视频 id。从浏览器地址栏就可以得到。bilibili-video-url-example

Bilibili 的播放器原始分辨率大小为 569*440,等比例可选大小为 620*480 或者 640*495。比如我博客就是 640 像素宽的。

——————

讲过程,也是一句话:

在页面原代码里搜索 .swf 就发现了以下代码——

其中有效的其实也就是

这一句了。static.hdslb.com 很明显是静态资源的 CDN 服务器域名,后面自然就是参数了。那么 aid 就是视频 id,page 猜想可能是合集第二页吧,试了一下,果然。http://www.bilibili.tv/video/av672893/index_2.html

于是直接<embed> 到网页原代码里就可以执行了。Wordpress 会自动把它整理成更符合规范的代码,不用管了。

以上,大功告成。

——————–

更新:

使用 <embed> 嵌入 Flash 视频是因为我博客有自动转码,如果你没有,以下是真正的完整代码:

 

——————–
更新

Bilibili 作了少量调整,现在即使非合集/剧集的孤立视频,也必须添加 &page=1 参数了。

10条评论

  1. 笨蛋十五号说道:

    为什么我把代码复制进去可以看到flash标识,发表就成了空白……

    http://bd15th.in/?p=486

  2. 笨蛋十五号说道:

    <embed src”http://static.hdslb.com/miniloader.swf?aid=337840″ width=”569px” height=”440px”></embed>

    • kaikaiiiiiii说道:

      WordPress 有自动检测 embed flash 并转码的功能,如果因为某种原因无法检测,以下是完整代码。(把左书名替换为左尖)

      《object width=”569px” height=”440px” classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0″>
      《param name=”src” value=”http://static.hdslb.com/miniloader.swf?aid=849915″ />
      《embed width=”569px” height=”440px” type=”application/x-shockwave-flash” src=”http://static.hdslb.com/miniloader.swf?aid=849915″ />
      《/object>

  3. […] 或者参考《WordPress 引用 Bilibili.tv 视频方法更新》,太笨所以这里做个记录。 […]

  4. […] 引用方法更新,请到 http://kaikai.info/bilibili-quote/ 查看。 […]

  5. 新奇君说道:

    感谢提供~

    多了一个搜索框

  6. Prozerg说道:

    多谢,这样我就不用用渣酷了~~~

  7. HDHOBBY说道:

    你好<object width=“569px” height=“440px” classid=“clsid:d27cdb6e-ae6d-11cf-96b8-444553540000” codebase=“http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0”><param name=“src” value=“http://static.hdslb.com/miniloader.swf?aid=337840&page=1” /><embed width=“569px” height=“440px” type=“application/x-shockwave-flash” src=“http://static.hdslb.com/miniloader.swf?aid=337840&page=1” /></object>

    其中classid=“clsid:d27cdb6e-ae6d-11cf-96b8-444553540000代码是哪里获得的,我把你这段代码放到我的网站里可以显示,但是我把视频ID换掉就无法显示视频了

发表评论

电子邮件地址不会被公开。 必填项已用*标注