平时没事干喜欢看看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