WordPress引入Dplayer并使用简码

 5613

WordPress引入Dplayer并使用简码,看了下网上还没有类似的介绍,只有插件。对有些有洁癖的朋友来说安装插件实在是最后一条路。下面把插入视频的简码说一下,从而取代自带的video标签。

作用:给wordpress经典编辑器添加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】url【/dplayer】


TAG标签:
本文网址:https://www.zztuku.com/detail-9242.html
站长图库 - WordPress引入Dplayer并使用简码
申明:如有侵犯,请 联系我们 删除。

评论(0)条

您还没有登录,请 登录 后发表评论!

提示:请勿发布广告垃圾评论,否则封号处理!!

    编辑推荐