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 );

即可,刷新下看看效果把

 
 
         

密码保护:在heroku上部署vlmcsd:从此KMS不求人~

有读者反映已失效,经验证确实如此,建议待原作者修复再试,博主能力有限,尝试修复无果… 最近用KMS激活office2019的时候我就在想,有没有比较环保的方法搭...

黑色四叶草(更新至39集)

人类险些遭到魔神的毁灭,而拯救了人类的是一位被后世称为“魔法帝”的魔道士,“魔法帝”的故事也成为了传说/这是一个魔法意味着全部的世界/天生就无法使用魔法...

微博图床403?不怕,转移阵地即可~

最近发现博客内的图片大部分都报403,跑到论坛去搜索发现居然是微博开启外链图片保护,也就是说微博不再是最好的图床了,无奈下寻找好的替代方案. 当然博客内的...

强风吹拂1-23

博主看过强风之后,心里只想说一句话: 教练,我想学跑步~

密码保护:新办法申请netflix月票

如题,最近看到有大佬发的申请nf视频,据说有许多人拿这种方法牟利.昨天我看完视频后也去试了下,貌似可用,忍不住分享一下~ 首先你的手机要安装VIA这个浏览器(安...

密码保护:bin方式撸aws?这个可以有

如题,抱着试试看的态度,竟然成功新注册了个AWS,并且成功开启 Free Tier.简单写下整个过程~ AWS申请需要看你的设备还有ip,这两个哪个不合格都不行~真正懂行的...