平时没事干喜欢看看B站的视频,发现有好玩的视频时却找不到对外分享的HTML代码,只有这几种分享方式:

share.png

怎么才能分享到WordPress上呢?看了一下网页源代码没什么头绪,不过倒是百度到了实现方法:


方法一:利用<iframe>引用,缺点是如果开启了AdBlock的话视频会错位。
<div style="width: 569px; height: 440px; overflow: hidden; position: relative;"><iframe style="position: absolute; top: -460px; left: 0px;" src="http://www.bilibili.tv/video/av337840/" scrolling="no" width = "1000 px" height = "1000 px"></iframe></div> 简单地说,既然 iframe 无法定位内部位置,就让它全部展现(我设置了 1000*1000 px),然后再在外面套上一个指定长宽的 <div>,然后设置遮盖方式,最后再调整 iframe 与 div 之间的相对位置,使得需要显示的部分恰好位于 <div> 之下。当然,中间还涉及一些像素级的长宽位置调整,有个像素尺软件会好很多。
方法二:利用<embed>引用,缺点是需要博客具有自动转码功能(3.5以上版本的WordPress都默认开启)。
<embed src"http://static.hdslb.com/miniloader.swf?aid=337840&page=1" width="569px" height="440px"></embed> 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=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>

可惜我的博客不能使用简单易行的<embed>直接引用(估计还是主机问题…),不过有篇 使用 WordPress 的 Easy Embeds 功能 可以再研究下。 更新:目前发现调用出的B站视频不能全屏,而且可能有弹幕和视频不同步的情况。 再次更新:发现现在链接后面必须加上“&page=1”才能播放,即类似于这样的:
src="http://static.hdslb.com/miniloader.swf?aid=337840&page=1"
可能是为了区别同一视频的不同“P(我的理解是Part)”。 相关链接:
http://kaikai.info/bilibili-quote/ http://kaikai.info/quote-content-on-other-website/
[1]: //0x0d.im/usr/uploads/2015/01/1501755128.png