【Typecho插件-前端-播放器】BiliVid -- 好用的Bilibili视频链接解析播放器
欢迎使用BiliVido插件!
BiliVido插件是专门用于Bilibili视频解析的插件,可以解决bilibili自有分享视频的
<iframe>
组件,播放不清晰,无法调整和自适应大小的问题,可以完美融入文章之中。该插件内部引用了 Bilibili解析API(https://github.com/injahow/bilibili-parse)和Dplayer等开源库。
作者博客:https://mdzz.pro
项目Github:https://github.com/HaruhiYunona/BiliVido-For-Typecho
这个插件我就单刀直入了!对比图奉上!
Bilibili自有分享组件画面
BiliVido插件解析后的组件画面
可以看出清晰度差距那是一个天上一个地下。这是因为B站限制了站外分享视频只有320P,而BiliVido采用直接解析B站视频接口的方法来播放,清晰度高达1080P!和站内播放是一致的! 唯一可惜的是,由于B站对动漫资源做了保护,该插件暂时只支持分析B站UP上传的视频。
一、安装方法
1.将本插件下载下来。检查文件夹文件是否完整(请注意文件夹层次,有的解压软件可能会在插件文件夹外再新建一个同名文件夹,这样是读取不到插件的)
2.插件文件夹改名为 BiliVido
。一个字都不能错。市面上大多插件装不好的大概率是犯了文件夹名没改对的错误。
3.将插件文件夹上传到 网站根目录/usr/Plugins/
文件夹内,刷新Typecho后台,进入插件管理即可看到BiliVido。启用后进行配置即可。
二、配置细节
1.由于本插件依赖于jQuery,所以请您自行确认网站头部是否引入jQuery。如果没有引入也没有关系,本插件有一键配置面板,可以直接打开jQuery。
2.根据需要可以调整画面清晰度。不过一般不需要调整,毕竟不耗你服务器的性能,吃的是叔叔家服务器的性能和流量,1080P高清走起多好,难道还想给叔叔省钱吗?
3.默认音量在 0-1之间的小数,例如 0.2 ,0.75 这样的。超过范围可能会出错。
4.自动播放在手机浏览器上可能无效。(开启了在手机上也不会自动播放,需要用户自己点一下)
5.主题色好像没有什么软用。
三、使用方法
1.最快捷的使用方法是直接将<a>
链接描述修改为 #BV#
①纂写文章的时候插入一条B站视频的链接,任何位置都行。
②修改链接描述为 #BV#
,就配置好了!
③发布以后效果
2.详细配置方法
本插件支持单个定义播放器控件的一些数据。后续版本可能还会有所更新。
依据本格式编辑详细参数即可。每个参数数值前需要有英文冒号 : 数值结束后需要有英文分号 ;
虽然数值填错或者属性填错不影响播放器运行,但会导致您自定义的参数不会反映到播放器上。
以下是可以自定义属性的表格。
属性名 | 允许值 | 作用 |
---|---|---|
quality | 常规清晰度 | 调整画质 |
autoplay | true,false | 自动播放 |
round | true,false | 自动循环 |
hotkey | true,false | 热键开关 |
volume | 0~1 (小数) | 默认音量 |
theme | 16进制颜色 | 主题色 |
【Typecho插件-前端-播放器】BiliVid -- 好用的Bilibili视频链接解析播放器相关推荐
- iframe嵌入第三方视频链接自动播放
最近遇到了这个问题,记录下: 需求是用iframe 引入第三方视频链接,在进入页面是自动播放视频 首先解决chrome的视频播放拦截问题 输入:chrome://flags/#autoplay-pol ...
- RTSP安防网络摄像头/海康大华硬盘录像机网页无插件直播之EasyNVR流媒体服务器系列产品直播延时问题解析
背景分析 从视频智能化相关技术研发开始计算,智能化在视频行业内已经发展了十余年,但是视频行业的智能化应用一直没有达到预期.目前视频智能化主要的表现还是集中在前端设备摄像机产品的某些智能功能,以及一些配 ...
- uniapp项目引入Dplayer.js以及hls.js用来解析播放m3u8直播流视频文件,文末有项目代码可供下载
1.下载依赖 npm i dplayer -S npm i hls.js -S 2.vue页面 <template><view class="content"&g ...
- html5 video标签不能播放视频,h5 video 视频不能正常播放
在页面中用video标签嵌入了一个视频: 其中 video 的 poster 属性的值和 source 的 src 的值都是存在 json 数组里动态获取的. 这个页面用ios自带的浏览器和qq直接打 ...
- 常用笔记软件对于视频网站嵌入播放支持
前言 试了一下发现 onedriver 支持嵌入功能,故此测试以下几款常用笔记对于 onedriver 视频.YouTube 视频.哔哩哔哩 视频的嵌入播放的支持 具体测试 对于思源笔记 支持嵌入播放 ...
- 视频弹窗播放html,利用jQuery实现在线视频弹出播放代码
特效描述:利用jQuery实现 在线视频 弹出播放代码.利用jQuery实现在线视频弹出播放代码 代码结构 1. 引入CSS 2. 引入JS 3. HTML代码 视频一 2018-06-22 视频一 ...
- Unity3d C# 使用Universal Media Player(ump)插件播放视频的众坑之无法播放视频和VLC播放器依赖的问题
前言 Ump播放视频的坑,相信很多人都踩过了很多了,这个问题是必须VLC播放器的问题,我默认导入UMP Pro Win Mac Linux WebGL 2.0.3后,设置界面是这样的: 并且无法去除U ...
- html5播放器怎么小窗播放器,悬浮画中画播放器插件,边工作边用小窗口看视频的摸鱼神器...
悬浮画中画播放器插件,可以使用chrome提供的picture-in-picture api让网页上的视频以画中画小窗口悬浮在任意网页上播放,目前支持youtube, 腾讯视频.爱奇艺以及各种使用ht ...
- html5多媒体播放器,走进HTML5-学习多媒体,带你实现视频播放器、音乐播放器功能(*^▽^*)...
欢迎关注个人我的博客分享一些前端技术.面试题.面试技巧等html Web 中的音频和视频 自 21 世纪初以来,咱们的带宽开始可以支持任意类型的视频在早些时候,传统的 web 技术(如 HTML )不 ...
- php云解析播放器,xyplay云解析PHPV3.4.1优化稳定版视频解析
演示地址:如有演示站请以演示为准,无演示站以截图为准,源码太多服务器有限,无法搭建所有源码演示站,请谅解! 新手购买指导:1.在本站注册账号 丨 2.登录已注册账号充值源码所需金币 丨 3.登录账号下 ...
最新文章
- rocketmq新扩容的broker没有tps_RocketMQ吐血总结
- 【待填坑】LG_4996_咕咕咕
- js抽奖概率随机取出数据(简单示例)
- 同学你好,听说你想学习做硬件?
- ssl2331OJ1373-鱼塘钓鱼 之3【dp】
- linux获取笔记本摄像头视频,如何在windows下用ffmpeg抓取笔记本电脑摄像头视频
- hive mysql windows_Java-从MySQL到Hive导入,其中MySQL在Windows上运行,而Hive在Cent OS上运行(Horton Sandbox)...
- ASP+页缓存OutputCache Duration用法
- 解决MySQL下把结果导出到文件权限不足问题
- springboot controller 分页查询_Spring Boot实战分页查询附近的人: Redis+GeoHash+Lua
- 2.6.29的一个节省内存的补丁
- Dubbo 优雅停机演进之路
- Julia: feather格式和hdf5格式比较
- Linux Vim替换字符串的方法总结
- php开发微信小程序教程,从零开始开发微信小程序步骤(三)
- EditText 去掉下划线,但是不丢失光标
- android开发教程!看懂这些帮你轻松解决就业问题!知乎上转疯了!
- 深入研究webrtc平滑发送(paced sender)
- 摩尔庄园怎么显示全部服务器,摩尔庄园手游服务器查看区别方法
- 关于mobi书籍文件合并