WordPress引入Dplayer并使用简码

LeavesKing

    博客基础教程，看了下网上还没有类似的介绍，只有插件。下面把插入视频的简码说一下，从而取代自带的video标签。


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

    视频来源可以从各大网盘获取直链。从而解决存储和流量问题。

    视频及代码仅供学习。

    代码如下首先是简码：

【dplayer】url【/dplayer】

    短代码后台代码：（将以下代码放入模板函数或者短代码函数文件中。）

[PHP] 纯文本查看 复制代码

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

函数代码：

[PHP] 纯文本查看 复制代码

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可以百度上找一下，有一大堆cdn链接。


    使用以上简码再结合微软的OneDrive列表程序或者天翼云的列表程序，就可以把你的视频放到你的网站上了，通过修改video：{}还能增加更多功能。

52HLW

一样的吧https://zhuanlan.zhihu.com/p/63893534

LeavesKing

52HLW 发表于 2021-9-16 22:57
一样的吧https://zhuanlan.zhihu.com/p/63893534

他的这个需要调用第三方api，但是容易产生跨域问题导致视频无法播放。都是用的wp简码但是原理是完全不一样的。他使用了iframe框架来实现视频的插入，这种弊端太大了。

bbzka12358

学到了，感谢楼主分享

萌壹

感谢分享

leigdnx

来个例子就更好

gxlly

代码格式都错的。

LeavesKing

gxlly 发表于 2021-9-29 22:05
代码格式都错的。

大部分都是wp官方提供的简码代码