网页嵌入Bilibili HTML5视频播放

in 网页代码 with 0 commentand 1048 read

Bilibili好在无广告,速度也挺快,无奈B站官方的视频嵌入是Flash的形式,但B站又是支持HTML5播放的,那么问题来了,外站如何嵌入HTML5的播放形式呢?

参考了这篇文章 http://www.jianshu.com/p/205385febcae ,但这篇文章的问题在于嵌入的视频并非“全屏”,右半边是弹幕什么的东西,这些我们并不需要,需要的仅仅是播放页。

在网页源代码中查找到cid和aid
拼接下面的URL(替换为你的cid和aid)
https://player.bilibili.com/player.html?aid=11200262&cid=18527724&page=1
https://player.bilibili.com/player.html?aid=11200262&cid=18527724&page=1

在你需要嵌入的地方粘贴下面这段代码即可(替换为你的cid和aid)1

<iframe id=sbrxp src="//player.bilibili.com/player.html?aid=11200262&cid=18527724&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width: 1000px; height: 640px; max-width: 100%"> </iframe>

美中不足的两点是,没有找到办法禁止视频的自动缓冲、禁止发送弹幕栏的显示。

用于PHPBB3.X的BBcode

BBCode 使用方法

[bilibili aid={NUMBER1?} cid={NUMBER2?}][/bilibili]

HTML 替换代码

<iframe id=sbrxp src="//player.bilibili.com/player.html?aid={NUMBER1}&cid={NUMBER2}&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width: 960px; height: 540px; max-width: 100%"> </iframe>

提示文本

[bilibili aid=数字代码 cid=数字代码][/bilibili]
评论