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

即可,刷新下看看效果把

 
 
         

One Hour One Life PC单机版试玩

最近博主迷上了这个叫Onelife的游戏,游戏本身设计的很有意思–不同于其他模拟游戏,它限制单个玩家一局只能玩一小时,想发展科技树就不得不想家族一样一代...

试用 nginx Fastcgi cache月余感想

nginx Fastcgi cache这个缓存方案我曾经在两年前使用过,如今我还是忍不住拿来用,因为这个缓存方式真的很棒,可以完美替代像w3t之类的缓存插件~ 教程很简单,你...

杂谈:把个陈年老站又支起来啦~

没错,闲来无事把2015年关张的网站又重建了~重建后发现,里面图挂的差不多了,好多服务也都挂掉了,比如百度网盘外链,比如贴图库…感慨中让我细数下这些挂掉...

东京喰钟:re 1-24集

FFFCE5A9C5EC9326B8CC11B9A38E0934D53B94CA 剧情在最近几集变得有点快:比如突然金木就脱离处男行列,并一夜之间就有了自己的孩子等等…槽点有点多,打斗剧...

硬核级撸羊毛:有条件获取Assassin’s Creed Odyssey

如题,是不是很诱惑?本文适合已经获得谷歌邀请的用户,截至日期在明年1月15日,只要在PROJECT STREAM游玩一小时在线版Assassin’s Creed Odyssey即可! 分享...

土法解决潘多拉多拨v4+v6共存问题

困扰近月的问题今天用特别扭的方法解决了…虽然不完美,可也算一种解决办法了.亲测手机+pc可以顺利获取ipv6地址. 如果你稍微了解mwan3就会知道,在ipv4时...