WordPress引入Dplayer并使用简码

给wordpress经典编辑器添加dplayer,从而播放直链链接视频。

例:https://www.gwshare.top/index.php/2021/08/611/

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

代码如下

首先是简码:

【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=\"https://cdn.jsdelivr.net/npm/dplayer/dist/DPlayer.min.js\">
<script type=\"text/javascript\" src=\"https://cdn.jsdelivr.net/npm/dplayer/dist/DPlayer.min.js\"></script>
<script type=\"text/javascript\">
var dp = new DPlayer({
container: document.getElementById('dplayer'),
autoplay: true,
video: {
url:'".$content."'
},
});
</script>";
}

注:为什么不用插件,因为插件弊端比较多,容易拖慢程序速度,增加维护成本。
结束。

end...
点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注