wordpress使用dplayer-lite提高视频体验

今天我想给大家推荐一个小巧的html5播放器dplayer,我这里参考了https://kn007.net/topics/wordpress-blog-use-new-html5-video-player-dplayer-lite/ 大佬的教程。其实也很简单,就是把名为class.dplayer.php的文件放到你的主题根目录下,然后在functions.php文件下添加以下代码

class_exists('DPlayerHandle') or require(get_template_directory() . '/class.dplayer.php');
$dplayer = new DPlayerHandle;
$dplayer->init();

即可,可是我这里亲测,播放器代码发生了错位,感觉就像没有加载CSS一样!可是大佬的网站播放的很6的啊!

解决办法

问题的根源就在于,那个class文件内引用的地址出了问题。因为大佬在精简DPlayer.min.js时顺便把css也一并封装进去,可是实际上引用的地址时完整版js,需要你引入css地址。知道问题就好解决了,查看主题引入js脚本的代码,去作者网站“扒”一份源码就好了。手动保存以下文件并上传到主题js目录
https://static.kn007.net/wp-content/themes/seven/scripts/DPlayer.min.js
修改原代码32行如下

wp_register_script( 'dplayer', get_template_directory_uri() . '/主题js目录/DPlayer.min.js', array(), "1.17.1", true );

即可,刷新下看看效果把

 
 
         

曲线方式领取暴雪平台游戏《天命2》

今天在stcn看到的消息,当然我看到的时候已经过去了四个小时…这时战网平台改变了规则,即想免费领取游戏就必须绑定当地的手机号码….我的的天,不买...

(非steam)领取价值百元的《僵尸部队三部曲》

如标题,访问这个链接,注册个账号,下载后坚持玩五分钟即可永久入库.注意这个不是steam,不能入库,亲试联机不可用(想联机只能steam),玩单机还是可以的.游戏本身...

撸个Albany 校友邮箱

昨天在电报群看到有人”扯逼”,仔细看发现是关于注册美国校友邮箱的法子.好奇中就开始碰运气之旅. 收集信息是关键 注册本身并不难,难在寻找校友...

悲催,bootcdn要跑路啦!

上周将主题的JS文件全改成了外链,用的是bootcdn,本来好好的,不料今天在v2发现有人提到这个问题:bootcdn外链文件挂了,急忙修改主题,将以前外链的库文件改成jsd...

实验性用caddy支持quic,其实入门很简单

本着不折腾会死精神,还是硬着头皮试着搭建caddy来开启quic支持.不过整个流程也很简单,而且实际效果也很出众,加载时间大约节省了二分之一,于是我想把整个流程...

令人糟心的薅羊毛活动:说的是你!humblebundle

humblebundle大发慈悲开启了印花换游戏的活动,本着重在参与的精神,我也参与其中,不料事情并没有那么简单! 糟心一:初尝缺货! 第一轮还好,可能游戏本身也不值...