FGHRSH 的博客

Please wait...

DPlayer for Z-BlogPHP

Demo:


很早就看到 DIYgod 开发的 Dplayer 播放器了,第一眼看到就觉得界面挺漂亮的

最近发现版本已经更新到 V1.0 了,弹幕功能也做出来了,就打算把播放器移植过来


由于博主还是第一次写Z-BlogPHP插件,官方文档又不太完善

经历各种bug也总算写出来了,代码和用法参考了 DPlayer-for-typecho


使用方式

[dplayer url="http://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.png" autoplay="true" danmu="true"/]

默认不自动播放,弹幕开启


Z-Blog应用中心:https://app.zblogcn.com/?id=1033

Github地址:https://github.com/fghrsh/DPlayer_for_Z-BlogPHP


更新日志:

    2016年05月30日    V1.0
        * 项目开坑,实现DPlayer加载

    2016年06月01日    V1.1
        * 基本完善,正式在Z-Blog应用中心发布

    2016年06月03日    V1.2
        + 解决 Pjax 无刷新加载问题

    2016年06月03日    V1.3
        + 优化Ajax/Pjax调用方法
        * 修复若干bug。

    2016年07月17日    V1.4
        * 更新 DPlayer 至最新版本
        + 新增 去除右键菜单
        + 新增 去除全局按键检测 设置

    2016年07月30日    V1.5
        * 更新 DPlayer 至最新版本
        + 解决 无法跨越播放 问题

    2016年09月03日    V1.6
        + 新增 弹幕id参数
        + 新增 全局默认设置
        + 优化 插件配置 界面
        * 更新 DPlayer 至 1.0.8 版本

    2017年03月30日    V1.7
        * 更新 DPlayer 至 1.3.3 版
        + 新增 FLV 和 HLS(m3u8)支持
        + 新增 额外弹幕源 支持(新版 DPlayer 功能)
        * 修复 若干BUg 和 若干优化,新增了几项自定义函数
    
    2017年05月28日    V1.8
        + 优化 部分主题兼容问题
        + 美化 增加管理界面背景图片
        + 美化 格式化输出初始化 JSON
        * 修复 部分小细节导致的小 BUG
        * 修复 低版本PHP(5.3) 兼容问题
    
    2017年05月29日    V1.8
        * 修复 自动播放设置失效问题
        * 修复 解析时   过滤问题
        
    2017年06月14日    V1.8
        * 修复 低版本PHP(5.2) 兼容问题
本文标题:DPlayer for Z-BlogPHP
本文链接:https://www.fghrsh.net/post/57.html
作者授权:除特别说明外,本文由 fghrsh 原创编译并授权 FGHRSH 的博客 刊载发布。
版权声明:本文使用「署名-非商业性使用-相同方式共享 4.0 国际」创作共享协议,转载或使用请遵守署名协议。

网友评论131

  1. zizdog 2021-12-06 17:59:47 回复

    dplayer算是现在博客圈用的最多的视频播放器了

  1. Dengpeifeng 2021-04-11 19:04:16 回复

    按钮错位怎么办?

  1. Sonder 2020-03-17 11:19:39 回复

    发送不了代码,我用图片来展示下~
    ![image.png](https://i.loli.net/2020/03/17/cmj9DfPybHKRepL.png)
    ![image.png](https://i.loli.net/2020/03/17/pS6hP4gLyZmnFiH.png)
    ![image.png](https://i.loli.net/2020/03/17/iSaswcLgXA3VujI.png)

    1. fghrsh 2020-03-18 16:41:16 回复

      图片 404 了 ... QQ 私聊我吧 ... (图片可以传到这边图床,img.fghrsh.net ..

  1. Sonder 2020-03-17 11:16:50 回复

    内容.......

  1. Sonder 2020-03-17 11:16:03 回复

    大佬,为什么我使用Dpalyer在文章里面,文章里面的字就不见了... thinkphp5框架
    ```
    {extend name=public/base /}
    {block name=css}
    .markdown-body {
    min-width: 256px;
    max-width: 978px;
    margin: 0 auto;
    padding: 20px 20px 36px 20px;
    }
    {/block}
    {block name=wiki-body}
    {$res['content']|raw}
    {/block}
    {block name=script}
    $(function () {
    let val = $(".edui-upload-video").attr('src');
    const dp = new DPlayer({
    container: document.getElementById('dplayer'),
    video: {
    url: val,
    },
    });
    })
    {/block}
    ```

  1. rodine 2019-10-22 11:54:37 回复

    大佬,我想问个问题。插件播放mp4的视频是正常的,播放m3u8的视频,只有图像没有声音。需要怎么解决?用市面的解析接口测试了,声音和视频都可以出现。这是因为插件没有跨域造成的吗?

  1. cq023 2019-10-01 22:46:53 回复

    怎么在首先 展示视频,如http://devtest.fghrsh.net/z-blog/?id=3一样

  1. carey 2019-09-01 23:57:51 回复

    你好,非常感谢你的插件,遇到的问题是,在手机端700M左右的视频打不开,通过阿里OSS,100M左右的视频,手机端打开正常,PC端不受影响

  1. carey 2019-09-01 23:52:04 回复

    电脑可以播放,手机点击左下角播放按钮无反应,微信里打开、ios自带,都不行

  1. 2019-06-14 15:10:55 回复

    [dplayer url="https://www.bilibili.com/video/av32284531" addition="https://www.bilibili.com/video/av32284531" /] 我的播放不了,请求帮忙

    1. fghrsh 2019-06-15 09:45:57 回复

      这个肯定不能播放的.. 你要找解析接口,解析出视频外链地址

  1. 命运 2019-04-28 15:14:29 回复

    视频框架左下角出现 Error happens 到底是啥意思 快被搞死了 所有设置都对

    1. fghrsh 2019-04-28 17:52:01 回复

      可以 F12 看看报错

      1. mapper 2019-08-11 14:50:43 回复

        PC端没问题,就是异动端,在自动播放前还是会出现error happens。请教,

  1. 命运 2019-04-26 10:29:40 回复

    我发现在QQ里播放不了

  1. 易学网 2019-04-03 15:53:42 回复

    不错 不错

  1. 阿凡 2019-02-24 12:53:34 回复

    这个播放器支持最新zblog版本吗

    1. fghrsh 2019-02-24 21:23:00 回复

      嗯,支持的...

  1. lixk 2019-01-17 21:38:15 回复

    怎么使用哦

  1. 北京小熊 2019-01-12 20:40:20 回复

    fghrsh您好!根据您的建议,通过修改Dplayer div style属性已经可以控制视频播放窗口的大小了,非常感谢!还有一个小问题,如何把播放窗口播放条里那个齿轮状的按钮去掉?因为这个按钮里的变速和洗脑循环功能我暂时用不到,而窗口太小的时候,齿轮和播放时间会挤在一起,相互重叠,影响显示效果。有什么办法可以把那个齿轮状按钮去掉呢?再次对您的帮助表示感谢!:)

    1. 北京小熊 2019-01-12 20:41:24 回复

      不好意思,一个问题发重复了,请见谅!

  1. 北京小熊 2019-01-09 21:33:19 回复

    您好,我昨天提问如何控制Dplayer播放器的窗口大小,您回复是用 <div style="width:300px;">[dplayer url="xxx.mp4" pic="xxx.png" /]</div>来控制Dplayer窗口大小,请问是直接在文章页面里插入相关参数么?我插入以后,dplayer好像不识别相关参数。还是要修改dplayer插件里的某个文件某行命令呢?我看Dplayer子目录里有main,function,include.php等文件?多谢回复!:)

    1. fghrsh 2019-01-11 20:04:42 回复

      这个需要在 源代码 模式下输入.. 由于评论有 HTML 标签过滤,'<'(全角) 号要换成 '˂'(半角),'>' 同理
      参考:https://fp1.fghrsh.net/2019/01/11/777cf575b4746b2d04e5768c97aeaa5a.png

    1. 北京小熊 2019-01-09 21:41:19 回复

      补充一下,我是在zblog下使用Dplayer插件,在页面中实现视频播放,启用Dplayer插件后,通过插入[dplayer url="xxx.mp4" pic="xxx.png" /]可以实现视频播放。但是就是播放窗口会变得很大,窗口基本是撑到页宽边沿。我想实现的效果是播放窗口和视频原始分辨率保持一致。例如分辨率640X480的视频,最大宽度就是640,720X480的视频,最大宽度就是720,不会把窗口变得很大,这个该如何实现呢?非常感谢支持!

      1. fghrsh 2019-01-11 20:08:03 回复

        目前插件还不支持按视频分辨率缩放.. 只能通过 div 限制播放器自动获取的大小
        大概调用 播放器 api 能实现,不过需要改下插件 ... (最近比较忙... 一年多没更新了......

        1. 北京小熊 2019-01-12 20:38:57 回复

          fghrsh您好!根据您的建议,通过修改Dplayer div style属性已经可以控制视频播放窗口的大小了,非常感谢!还有一个小问题,如何把播放窗口播放条里那个齿轮状的按钮去掉?因为这个按钮里的变速和洗脑循环功能我暂时用不到,而窗口太小的时候,齿轮和播放时间会挤在一起,相互重叠,影响显示效果。有什么办法可以把那个齿轮状按钮去掉呢?再次对您的帮助表示感谢!:)

        1. 北京小熊 2019-01-11 20:50:11 回复

          没事,您先忙,这个播放器现在已经非常完美了,等不忙的时候,期待您推出一个可以适配视频文件分辨率的版本。

  1. 北京小熊 2019-01-08 22:04:00 回复

    您好,请问dplayer有锁定页面播放窗口大小的参数么?我在zblog里使用该插件,在页面上的视频都是自动适应到最大宽度,有些小尺寸视频也都自动放的很大。我想锁定视频原始尺寸大小播放,这个可以实现么?谢谢!

    1. fghrsh 2019-01-09 13:20:10 回复

      目前可以通过 [dplayer /] 限制播放器大小,不过太小的话可能控制按钮会错位...

      1. fghrsh 2019-01-09 13:21:44 回复

        <div style="width:300px;">[dplayer url="xxx.mp4" pic="xxx.png" /]</div>

        1. 镜子里的欧巴 2020-11-11 15:45:25 回复

          你好,请问缩小后如何居中呀。。。

        1. 北京小熊 2019-01-09 17:13:20 回复

          多谢您的回复

    1. 北京小熊 2019-01-08 22:05:08 回复

      哦,忘记说了,这个插件我很喜欢,测试了很多视频播放插件,就这个好用,感谢!

  1. Billyy 2018-12-21 10:21:38 回复

    大神 想问一下typecho上的 Dplayer m3u8无法播放是什么情况马

    1. fghrsh 2018-12-25 01:27:06 回复

      typecho 的不太清楚 .. 不过这边的插件是要先启用 HLS (m3u8) 支持,才能播放的(然后可能还要解决下跨域问题

      1. 任文智 2019-04-23 17:27:17 回复

        m3u8形式的视频怎么解决跨域

  1. Gaein_nidb 2018-10-02 16:38:30 回复

    rua 一直用不好,我这里能加载播放器加载不了视频
    http://www.gaein.cn/post/hbytyz-video.html
    写的是:
    [dplayer url="https://api.prprpr.me/dplayer/video/bilibili?aid=32891199" addition="https://api.prprpr.me/dplayer/bilibili?aid=32891199" /]

    1. fghrsh 2018-10-04 21:30:37 回复

      bilibili 的接口好像失效了,需要自行找一个视频源

  1. 9MM 2018-08-26 22:46:39 回复

    UC浏览器和安卓系统自带的播放器无法播放

    1. 援军 2018-08-27 17:52:02 回复

      这些一般会强制替换浏览器,目前应该是无解

      1. 援军 2018-08-27 17:53:06 回复

        呸,播放器…… 我之前测试只要视频源正常都是可以播放的啊,哪怕播放器被替换

  1. 您好 2018-07-31 22:40:01 回复

    哔哩哔哩的似乎播放不了

  1. 援军 2018-06-09 13:43:15 回复

    https://github.com/menhood/DPlayer_for_Z-BlogPHP/
    Fork了一份😝

    1. fghrsh 2018-06-11 00:26:21 回复

      (๑•̀ㅂ•́)و✧ 欢迎 PR

  1. Zhaibo01 2018-05-05 11:56:20 回复

    可以添加多个视频吗?

    1. fghrsh 2018-05-08 02:00:27 回复

      加多几行就会出现多个视频窗口了,例如:
      [dplayer url="xxx.mp4" pic="xxx.png" /]
      [dplayer url="xxx.mp4" pic="xxx.png" /]
      [dplayer url="xxx.mp4" pic="xxx.png" /]

      1. zhaibo01 2018-05-26 08:24:37 回复

        好的好的

    1. Zhaibo01 2018-05-05 14:34:34 回复

      或者说,能有个播放列表??

      1. fghrsh 2018-05-08 01:58:48 回复

        目前插件还没添加这个功能... 可以手动通过多个div,控制 display:none 来实现

        1. zhaibo01 2018-05-26 08:24:59 回复

          知道了,谢谢~

  1. 啊节 2018-01-31 22:02:18 回复

    你好 能不能写文章界面做个插入按钮方便点?

    1. fghrsh 2018-02-03 22:41:13 回复

      (〃'▽'〃) 有这个打算,不过一直没空填坑... (欢迎 github pr

  1. dad 2018-01-25 18:19:54 回复

    这个是怎么使用的?安装了此插件后,文章发布界面并没有出现插入按钮,应该要咋整呢?

    1. fghrsh 2018-01-25 22:10:52 回复

      在文章插入代码标签就可以了,如 xxx 视频:[dplayer url="http://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.png" autoplay="true" danmu="true"/]

  1. 援军 2017-12-22 17:34:21 回复

    有弹幕后端架设的教程吗(/▽\)

    1. fghrsh 2017-12-23 12:37:09 回复

      https://github.com/MoePlayer/DPlayer-node

      1. 援军 2017-12-23 22:45:21 回复

        看了,不会搭环境(lll¬ω¬) ……尴尬

  1. 莎糖 2017-11-21 19:04:31 回复

    为什么不支持阿里云oss呢,直接打开能看到但是放播放器里就读不了

    1. fghrsh 2017-11-22 22:49:00 回复

      可能是你 视频格式 有问题,建议 mp4 ,H.264(AVC) 编码

    1. fghrsh 2017-11-22 22:46:27 回复

      可以用啊,我就是 OSS 源站:http://devtest.fghrsh.net/z-blog/?id=13

      1. 莎糖 2017-11-23 11:37:55 回复

        恩,这个解决了,就是弹幕能不能用数据库呢?因为我发现不同的人发的弹幕都是保存在本地的,且一刷新弹幕就没了,而且弹幕是一直会重复一个而不是时间戳那种(想要b站那种弹幕模式)

  1. 逍遥 2017-11-17 01:07:00 回复

    插件支持什么格式的视频?可以调用各大视频站的视频吗?

    1. fghrsh 2017-11-22 22:40:47 回复

      各大站一般有防盗链,你可能需要接口

    1. fghrsh 2017-11-22 22:40:07 回复

      这个是 HTML5 播放器,HTML5 支持的都能播放

  1. 高杠 2017-11-03 22:34:35 回复

    UC浏览器和系统自带的浏览器播放不了!

    1. fghrsh 2017-11-07 20:56:19 回复

      系统自带是 IE 几?还是说是 安卓系统?

      1. 高杠 2017-11-08 20:35:05 回复

        能看到我的QQ邮箱吗?看到加我QQ可以吗?很着急啊!有偿帮助!

      1. 高杠 2017-11-08 09:53:37 回复

        系统自带的是IE9,这个不是重点,重点是要在别的浏览器能播放,比如360、QQ、UC这些比较多人用的浏览器, 安卓手机版UC可以播放,我看你的视频在UC是可以播放的,我的不行,不知道什么原因,能看到我的邮箱吗?有偿帮我搞定可以吗?很着急!!

  1. 无忧 2017-06-05 18:10:14 回复

    使用不了啊

  1. 嘿嘿 2017-04-12 15:15:44 回复

    代码能快捷调用吗?比如UE编辑器里面添加快捷键

    1. fghrsh 2017-04-27 20:25:33 回复

      有计划适配 UE编辑器,有生之年系列 233

      1. 小XI 2017-04-28 11:32:22 回复

        支持添加UE适配

    1. 嘿嘿 2017-04-12 15:16:28 回复

      zblog版本的

  1. c.c 2017-01-04 22:11:05 回复

    问一下博主的播放器 这个不是emlog上的吗。你有zblog的移植版本吗?

    1. c.c 2017-01-04 22:11:41 回复

      我说的是AE音乐播放器哦

      1. fghrsh 2017-01-04 22:38:50 回复

        查了下emlog的AE音乐播放器,是指左下角那个?其实那个叫 明月浩空播放器 ... AE那个是破解版吧

      1. fghrsh 2017-01-04 22:16:19 回复

        APlayer (https://github.com/DIYgod/APlayer) ?

        1. c.c 2017-01-04 22:25:55 回复

          。。。。干货啊!谢谢博主!!

          1. fghrsh 2017-01-04 22:31:34 回复

            APlayer 的话其实很早就移植完了,然后后台管理页一直没空写,拖坑到现在没发布233你需要 Z-BlogPHP 版的话我可以发布插件,Demo: https://devtest.fghrsh.net/z-blog/?id=4

            1. c.c 2017-01-05 08:56:57 回复

              额你用的是鬼少那个版本吗?

              1. fghrsh 2017-01-05 12:09:46 回复

                明月浩空的商业版 (https://limh.me/myhk_player.html),不过API用的是我自己的,播放器也二次开发过

  1. freestyle 2016-12-18 00:24:36 回复

    貌似在IOS端QQ上点开时会调到新的播放器上播放,而弹幕是在原播放器上播放,这个不知道能不能解决

  1. 访客 2016-12-07 09:12:33 回复

    用ie访问会显示error happens

  1. fghrsh 2016-11-13 00:08:17 回复

    最近zblog php和dplayer都更新了新版本,不过博主最近比较忙,暂时没空更新插件,更新新版本后插件出了点小bug,下面列出解决办法

    1. fghrsh 2016-11-13 00:10:33 回复

      实测zbp 1.5更新不会造成dplayer插件无法使用,关于弹幕无法显示问题:dplayer新版更新了弹幕接口,插件配置里把弹幕服务器换成 //api.prprpr.me/dplayer/ 即可(V1.6有点小逻辑错误,更新弹幕服务器地址要先设为空,再设置新地址)

  1. 11 2016-11-12 08:52:29 回复

    用的什么做的视频防盗链

    1. fghrsh 2016-11-13 00:36:58 回复

      上面的示例视频?阿里云CDN配置的防盗链而已

  1. 影连1 2016-10-22 12:03:03 回复

    感觉好卡。

  1. 卡库网赚 2016-09-22 10:41:43 回复

    最新1.6版本是不是少了文件啊 DPlayer.min.css? 好像没有?影响么?怎么都播放不出来 直接显示代码

    1. fghrsh 2016-09-24 16:33:03 回复

      新版的css样式已经整合到js里了,播放不出来建议在 源代码编辑 模式下写播放器标签

      1. 卡库网赚 2016-09-30 17:07:29 回复

        不支持tinymce编辑器么? 源代码发了也是错误 因为需要所以再问问

  1. 火山 2016-09-10 19:51:25 回复

    用不了,麻烦加我QQ348545605

  1. 小兽 2016-09-02 22:32:41 回复

    [dplayer url="http://cmy8518.bj.bdysite.com/mv_music/1DB501517ADADFEB009FFCE577E585C0.mp4" pic="" autoplay="false" danmu="false"/]放在文章中播放不出来

    1. fghrsh 2016-09-02 22:38:41 回复

      可以啊:http://devtest.fghrsh.net/z-blog/?id=3

  1. 火爆阁 2016-09-01 20:43:41 回复

    视频地址有案例吗

  1. fghrsh 2016-08-07 12:50:56 回复

    实测UC最新版(安卓平台),点中间的播放按钮是能播放的,不过DPlayer本身是没那个按钮的,UC浏览器把DPlayer替换成他自带播放器了(手机版QQ浏览器也会),播放不了的话应该检查下视频链接问题还是浏览器自带播放器问题

  1. 评论者 2016-08-02 20:21:01 回复

    手机访问 点击视频中央播放按钮 无反应,需要点击左下角小播放按键求解决

    1. fghrsh 2016-08-02 21:13:47 回复

      什么浏览器?

  1. 聊吧 2016-07-29 13:03:34 回复

    1.4无法播放.....1.3哪里下载

    1. fghrsh 2016-07-30 00:16:09 回复

      这里:https://github.com/fghrsh/DPlayer_for_Z-BlogPHP/archive/b06244fb1672bf1bcb274bf8d26d4e39d67525fd.zip

  1. 年哈哈哈 2016-07-22 22:33:00 回复

    手机访问 点击播放 无反应,需要点击左下角小播放按键

  1. 蜗哥 2016-07-21 10:33:00 回复

    博主,这个插件ajax化下如何调用呢? 我的非要刷新一下才显示出来视频.

  1. 蜗哥 2016-07-20 13:56:11 回复

    博主,我更新后用不了了,播放不了视频,咋回事?“ * 新版 DPlayer 更新了 SATA 授权协议,用前请先 +1star =-=(支持作者)”是什么意思?

    1. fghrsh 2016-07-20 22:29:32 回复

      停用插件再启用试试,没用过 Github 的可以忽视 +1star

      1. 蜗哥 2016-07-21 08:59:25 回复

        发现原因了,视频格式问题,您的视频插件DPlayer1.3版可以播放.flv格式的视频,但是DPlayer1.4版不可以,这是我本地测试出来的。DPlayer1.3----MP4正常,flv正常。DPlayer1.4----MP4正常,flv不播放。看来我接着用旧版的吧

        1. fghrsh 2016-07-21 17:22:21 回复

          flv不是要flash播放器才能播放吗

          1. 蜗哥 2016-07-22 07:19:51 回复

            我用的是外链的视频奥!博主你试试你的插件那加这个链接,但是1.4版本的不可以播放,1.3的可以,我测试多次的。http://hd.yinyuetai.com/uploads/videos/common/31850134EFCCC367553EA7FB8DA762F8.flv(爱杀宝贝的ED)哈哈

      1. 蜗哥 2016-07-21 08:22:39 回复

        试过了没用。现在我滚回旧版了,有空再试试吧

  1. 王静 2016-07-14 19:30:58 回复

    楼主做的网站很好,赞赞论文代写服务的评论

  1. 水牛 2016-07-08 11:15:04 回复

    手机上一播放就全屏,能不全屏播放吗

    1. 水牛 2016-07-08 11:18:35 回复

      我说的是在微信上,微信内置的浏览器

      1. fghrsh 2016-07-08 15:36:36 回复

        我试了试微信内置浏览器不会自动全屏,不过像QQ,微信内置这类浏览器他会自动替换掉html5播放器,也就是那个播放器其实是浏览器的了,不是DPlayer了

        1. 江山雪 2019-03-06 11:20:38 回复

          请问如何能让浏览器调用dplayer的播放器呢,Android上的第三方都好像不行

  1. 希尔 2016-06-10 18:16:19 回复

    亲,播放器是不是只支持MP4后缀的视频,flv后缀的不可以吗?

    1. fghrsh 2016-06-10 18:21:47 回复

      可以用格式工厂等工具,把flv转成mp4格式

      1. 希尔 2016-06-11 21:55:21 回复

        好的,谢谢你的细心解释!

    1. fghrsh 2016-06-10 18:20:03 回复

      这是纯HTML5播放器,HTML5只支持MP4、OGV和WEBM,flv是flash的

  1. 小林 2016-06-09 18:37:50 回复

    不会使用啊!!

  1. asd 2016-06-06 14:32:28 回复

    看着不错欸~本人在用佳佳酱(gay)的弹幕播放器

  1. 大谋 2016-06-06 11:43:27 回复

    怎么不加一个快捷按钮呢

    1. fghrsh 2016-06-06 21:43:43 回复

      什么按钮?编辑器加个插入DPlayer的按钮?=-=这个开坑中,预计V1.4版本填坑

  1. 大谋 2016-06-02 15:29:12 回复

    还有地板!!!不错

  1. zsx 2016-06-02 15:06:58 回复

    网站BGM很赞(

  1. 唐朝 2016-06-02 09:13:23 回复

    4234234234234234234234

    1. asd 2016-06-06 14:33:48 回复

      4324324324324324324324

    1. fghrsh 2016-06-02 11:25:35 回复

      233

发表我的评论

Hi,您需要填写昵称和邮箱!

  • 必填项