在WordPress中引入Dplayer功能并使用简码轻松插入视频

作用:给wordpress经典编辑器添加dplayer,从而播放直链链接视频。
至于为什么不用插件,因为插件弊端比较多,容易拖慢程序速度,增加维护成本。 而且很简单,没必要用插件。

视频来源可以从各大网盘获取直链。从而解决存储和流量问题。视频及代码仅供学习。

简码的代码如下(把下方所有代码中的中文符号【】换成英文符号[]):

【dplayer】url【/dplayer】

 

短代码后台代码:(将以下代码放入模板函数或者短代码函数文件中。)

function appthemes_add_vedio() {?>
<script type="text/javascript">
QTags.addButton( '插入视频', '插入Dplayer', '【dplayer】', '【/dplayer】' );
</script>
<?php
}
add_action('admin_print_footer_scripts', 'appthemes_add_vedio' );
?>

 

函数代码:

add_action( 'init', 'register_shortcodes');
function register_shortcodes(){
add_shortcode ( "dplayer" , "ipc_dplayer" ) ;
}
function ipc_dplayer($atts , $content = null ) {
return "<div id=\"dplayer\"></div>
<link rel=\"stylesheet\" href=\"/DPlayer.min.js\">
<script type=\"text/javascript\" src=\"/DPlayer.min.js\"></script>
<script type=\"text/javascript\">
var dp = new DPlayer({
container: document.getElementById('dplayer'),
autoplay: true,
video: {
url:'".$content."'
},
});
</script>";
}

 

Dplayer的js和css可以百度上找一下,使用以上简码再结合微软的OneDrive列表程序、天翼云的列表程序或者阿里云列表程序,就可以把视频放到你的博客网站了,还通过修改video:{}这段代码,增加更多的功能。

 


原文地址:https://www.52pojie.cn/thread-1514261-1-1.html

点赞
  1. aRAY说道:
    Google Chrome Mac OS X 10.15.7
    博主,你wordpress,留言被你回复之后,自动给注册账户发送邮件提醒的,是用了什么插件吗?求分享,多谢
    1. 博主说道:
      Google Chrome Windows 10
      这个功能是博客主题自带的功能,设置好SMTP服务器地址,端口,邮箱帐号,邮箱密码等等这些信息就行了。
  2. liyulin说道:
    Google Chrome Windows 10
    能加QQ不 遇到问题
    1. 博主说道:
      Google Chrome Windows 10
      遇到问题请善用互联网的搜索功能,我也不是万能的。不加QQ,可以右下角扫二维码加我微信。

发表回复