Blog插入B站视频测试

一、使用HTML5播放器

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

1.1 使用方法

将下面的HTML代码放到文章中即可.注意要修改对应的aid和cid值。

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

B站每个视频都有对应的aidcid值,在视频网页的源代码中可以找到(firefox右键即可view souce code),大概在 390 行左右就能看到。其中aid对应的是视频的av号,而cid则是对应的视频的弹幕号.如果匹配不上,就该视频就会无法播放.

本想着是不是写个脚本可以直接抓到这两个id,但是郁闷的发现,但是wget竟然抓的时候就是一堆乱码,只抓到了index.html文件,对于这利类似的网页,还不知道如何去抓取.

使用HTML5方式插入B站视频的优点:
    1. 无需插件支持,不崩溃;
    2. 能够做到和B站观看完全相同的效果(直接查看弹幕内容之类的)
    3. http和https网站应该都能适用?
缺点:
    1. 个人觉得开始不能网页全屏不好看(应该是我不会设置)
    2. 有广告!!!
    3. 需要cid很麻烦,还要查看源码才行。
    4. 老浏览器不支持

1.2 HTML5播放器测试

二、使用Flash播放器

由于HTML5插放器B站也不是很成熟,而且还有部分浏览器不支持(老浏览器),另外查看cid也是一件麻烦的事,使用flash插件也是可以接受的。(最近flash更新的相当多次,而且对linux支持也好多了,做到和windows同版本号了)

2.1 使用方法

如果是http网站,可以将下面的HTML代码放到文章中即可.注意要修改对应的aid值。

<embed height="480" width="640" quality="high" allowfullscreen="true" type="application/x-shockwave-flash" src="http://share.acg.tv/flash.swf" flashvars="aid=4708215&page=1" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"></embed>

2.2 https支持问题

对于https的网站发现上面代码会出现证书CN(常用名,COMMON NAME)不符导致没法载入。需要将http://share.acg.tv/flash.swf替换为http://static-s.bilibili.com/miniloader.swf即可解决。原因是static-s.bilibili.com这个域名是支持https且CN正常1

所以上面的插入内容即变为:

<embed height="480" width="640" quality="high" allowfullscreen="true" type="application/x-shockwave-flash" src="http://share.acg.tv/flash.swf" flashvars="aid=4708215&page=1" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"></embed>

如果网站支持embed自动转码,可以使用更为简单的代码(wordpress 3.5以上的版本支持)2

<embed height="480" width="640" src="https://static-s.bilibili.com/miniloader.swf?aid=4708215"></embed>

2.2 Flash播放测试效果

Reference

此条目发表在网络建站分类目录,贴了标签。将固定链接加入收藏夹。

发表评论

电子邮件地址不会被公开。