WordPress引入Dplayer并使用简码

 6180

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

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

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


短代码后台代码:(将以下代码放入模板函数或者短代码函数文件中。)

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

函数代码:

  1. add_action( 'init', 'register_shortcodes');
  2. function register_shortcodes(){
  3.     add_shortcode ( "dplayer" , "ipc_dplayer" ) ;
  4. }
  5. function ipc_dplayer($atts , $content = null ) {
  6.     return "<div id=\"dplayer\"></div>
  7.     <link rel=\"stylesheet\" href=\"/DPlayer.min.js\">
  8.     <script type=\"text/javascript\" src=\"/DPlayer.min.js\"></script>
  9.     <script type=\"text/javascript\">
  10.     var dp = new DPlayer({
  11.         container: document.getElementById('dplayer'),
  12.         autoplay: true,
  13.         video: {
  14.             url:'".$content."'
  15.         },
  16.     });
  17.     </script>";
  18. }

使用方法:

  1. 【dplayer】url【/dplayer】


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

评论(0)条

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

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

    编辑推荐

    ThinkPHP5验证码图片如何生成