07月27日, 2018 995 views
今天我想给大家推荐一个小巧的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 );
即可，刷新下看看效果把