WordPress引入Dplayer并使用简码

最近小牛云在发现网上还没有关于这类WordPress博客程序的基础教程,有的也只是一些插件。所以下面小牛云站长把插入视频的简码简单给大家分享下,从而来取代自带的video标签。
作用:给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:{}还能增加更多功能。

 XnSay
 简介:热爱网络技术的一名草根站长-XnSay

  您阅读这篇文章共花了: 

发表评论

游客
送你一朵小花花~

帅人已评(0)