网页嵌入Bilibili HTML5视频播放

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

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

  1. 在网页源代码中查找到cid和aid
  2. 拼接下面的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
  3. 在你需要嵌入的地方粘贴下面这段代码即可(替换为你的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: 640px; height: 430px; max-width: 100%"> </iframe>

美中不足的两点是,没有找到办法禁止视频的自动缓冲、禁止发送弹幕栏的显示。如果你找到了更好的办法,欢迎留言交流~

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏快乐八哥

Single Page Application概览

第一点 :传统web应用遇到的2个问题 1.User Experience 用户体验 2.Performance 性能问题 SPA如何解决这些问题的: 不重新加...

1877
来自专栏阿杜的世界

Mac版Java开发环境配置

1403
来自专栏一“技”之长

iOS8新特性扩展(Extension)应用之二——分享插件

        在上一篇博客中,介绍了iOS8新特性扩展功能之一的Today功能:http://my.oschina.net/u/2340880/blog/48...

912
来自专栏GIS讲堂

selectToUISlider

没错,就是这个公能,最近做一个WEB的项目,也要用到类似的功能,所以呢就研究了一下,刚开始的时候,记得Jquery UI里面有一个slider的东西,可以实现类...

1383
来自专栏web前端教室

Redux基本用法,为周日的先行者课程准备着。

众所周知,React只是一个View层而已,它不是一个完整的前端解决方案。只是给出了页面组件化的解决思路,但组件之间如何沟通?代码之间的结构?它并没有给出更多的...

2017
来自专栏企鹅号快讯

Stimulus:让web应用在移动端达到原生体验

【IT168 资讯】很多开发者一年来通过Basecamp写了很多JavaScript,但是并没有用它来创建现代意义上的“JavaScript应用程序”。所有的应...

2938
来自专栏Alice

js跳转界面

js页面跳转大全 所谓的js页面跳转就是利用javesrcipt对打开的页面ULR进行跳转,如我们打开的是A页面,通过javsrcipt脚本就会跳转到B页面。 ...

8337
来自专栏古时的风筝

webscraper 最简单的数据抓取教程,人人都用得上

这么简单的工具当然对环境的要求也很简单了,只需要一台能联网的电脑,一个版本不是很低的 Chrome 浏览器,具体的版本要求是大于 31 ,当然是越新越好了。目前...

4360
来自专栏Jerry的SAP技术分享

给谷歌输入法增添自定义词组,提高输入效率

我在写微信公众号文章时,经常需要重复输入一些名词,比如CRM,C4C,S/4HANA等等。为了减少输入,我在查找一款输入法,能够让我通过少量的输入,就能够快速打...

1211
来自专栏SAP最佳业务实践

SAP最佳业务实践:FI–应收帐款(157)-16 F.2B利息计算

4.16 F.2B利息计算 计算过期项目的利息 使用需求利率和相应帐户确认设置来配置利息标识 01。 已在客户主记录中设置利息标识 01。 角色:应收会计 会计...

3558

扫码关注云+社区

领取腾讯云代金券