开源Bilibili播放器插件

AI摘要:本文介绍了一个Typecho插件,用于将Bilibili默认播放器替换为HTML5移动端播放器,并提供丰富的自定义选项。插件支持自定义播放器尺寸、行为和配置参数,安装简单,不影响原始内容。通过在文章中插入Bilibili视频代码,插件会自动检测并替换播放器。插件提供了详细的配置选项,如视频宽度、高度、自动播放、弹幕开关等。注意事项包括自动播放可能被浏览器阻止,以及某些参数在不同版本的Bilibili播放器中表现可能不同。

小试牛刀,开源Bilibili播放器插件,后面还有几个插件正在调整,分别是:

  • Panorama:在文章中嵌入全景图
  • AMapPlugin:高德地图插件
  • AMapRoutePlugin:高德地图路径规划插件
  • AdminStyle:Typecho后台样式修改插件

这是一个Typecho插件,用于将Bilibili默认播放器替换为HTML5移动端播放器,并提供更多自定义选项。完全兼容的Bilibili播放器,后续可以通过升级插件方式来支持B站播放器升级。

下载地址

https://github.com/wangdaodao/TypechoPlugins

后续开源的插件和后续插件更新都会放在这个仓库中,如果使用的还可以,麻烦给一个star,谢谢了。

使用效果

后台效果

功能特点

  • 将Bilibili默认播放器替换为HTML5移动端播放器
  • 提供丰富的播放器配置选项
  • 支持自定义播放器尺寸和行为
  • 仅在渲染时替换,不影响原始内容

安装方法

  1. 将整个BilibiliPlayer文件夹上传到Typecho的usr/plugins/目录下
  2. 登录Typecho后台,进入"控制台" -> "插件"
  3. 找到"Bilibili播放器"插件,点击"启用"
  4. 启用后,在插件设置中配置默认参数

配置选项

参数用途参数名默认值使用方法
视频宽度width100%例如:100%, 800px
视频高度height500px例如:500px, 400px
是否自动播放autoplay01: 开启, 0: 关闭
默认弹幕开关danmaku11: 开启, 0: 关闭
是否默认静音muted01: 开启, 0: 关闭
一键静音按钮是否显示hasMuteButton01: 开启, 0: 关闭
视频封面下方信息显示hideCoverInfo01: 隐藏, 0: 显示
是否隐藏弹幕按钮hideDanmakuButton01: 隐藏, 0: 显示
是否隐藏全屏按钮noFullScreenButton01: 隐藏, 0: 显示
是否开始记忆播放fjw11: 开启, 0: 关闭

使用方法

  1. 在文章中插入Bilibili视频(使用默认的嵌入代码)
  2. 插件会自动检测并替换播放器
  3. 播放器将使用您在插件设置中配置的默认参数

示例

原始嵌入代码:

<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=115398842260079&bvid=BV1RFsczBEy4&cid=33202636728&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>

插件处理后:

<iframe src="//www.bilibili.com/blackboard/html5mobileplayer.html?isOutside=true&aid=115398842260079&bvid=BV1RFsczBEy4&cid=33202636728&p=1&autoplay=0&danmaku=1&muted=0&hasMuteButton=0&hideCoverInfo=0&hideDanmakuButton=0&noFullScreenButton=0&fjw=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="100%" height="500px"></iframe>

注意事项

  • 插件仅在渲染时替换播放器,不会修改原始文章内容
  • 禁用插件后,视频将恢复到默认的Bilibili播放器
  • 自动播放功能可能被浏览器阻止,这是浏览器的安全策略
  • 某些参数可能在不同版本的Bilibili播放器中表现不同

版本历史

v1.0.0

  • 支持基本的播放器替换和配置选项

反馈与支持

如果您遇到任何问题或有改进建议,请通过以下方式联系我:

仅有一条评论

  1. 回复

    很好很强大!👍

添加新评论