WordPress引入Dplayer并使用简码

LeavesKing 发表于 2021-9-16 22:33

本帖最后由 LeavesKing 于 2021-9-16 22:50 编辑

博客基础教程，看了下网上还没有类似的介绍，只有插件。下面把插入视频的简码说一下，从而取代自带的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可以百度上找一下，有一大堆cdn链接。

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

52HLW 发表于 2021-9-16 22:57

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

LeavesKing 发表于 2021-9-16 23:02

本帖最后由 LeavesKing 于 2021-9-16 23:05 编辑

52HLW 发表于 2021-9-16 22:57
一样的吧https://zhuanlan.zhihu.com/p/63893534
他的这个需要调用第三方api，但是容易产生跨域问题导致视频无法播放。都是用的wp简码但是原理是完全不一样的。他使用了iframe框架来实现视频的插入，这种弊端太大了。

bbzka12358 发表于 2021-9-16 23:04

学到了，感谢楼主分享

萌壹发表于 2021-9-17 00:29

感谢分享

小非凡 发表于 2021-9-17 01:17

leigdnx 发表于 2021-9-17 07:10

来个例子就更好

gxlly 发表于 2021-9-29 22:05

代码格式都错的。

LeavesKing 发表于 2021-10-2 14:39

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

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

页: [1]

吾爱破解 - 52pojie.cn's Archiver

WordPress引入Dplayer并使用简码