• 注册
  • 前端后端 前端后端 关注:336 内容:46

    WordPress 添加视频短代码标签,整合ckplayer播放器

  • 查看作者
  • 打赏作者
    • 年SVIP2
      靓号:9999
      宇宙最帅

      问题前言

      使用WordPress网站程序,做视频播放方案时,HTML自带的video标签已经满足不了项目开发的需求,那么我们该怎么整合第三方插件进去呢?

      毫无疑问,当然是使用短代码的形式啦!!

      解决方案

      首先到ckplayer官网下载插件,解压后将主要的ckplayer文件夹上传到你的WordPress站点根目录

      将以下代码添加的WordPress主题的functions.php文件中:

      add_shortcode("ckplayer","ipc_ckplayer");
      function ipc_ckplayer( $atts, $content=null )
      {
      return "
      <div id="a1"></div>
      <script type="text/javascript" src="/ckplayer/ckplayer.js" charset="utf-8"></script>
      <script type="text/javascript">
          var flashvars={
              f:'".$content."',
              c:0,
              my_url:encodeURIComponent(window.location.href),
              my_title:encodeURIComponent(document.title)
          };
          var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
          var video=['".$content."->video/mp4'];
          CKobject.embed('/ckplayer/ckplayer.swf','a1','ckplayer_a1','100%','400',false,flashvars,video,params);
      </script>
      
      ";
      }

      短代码:[ckplayer]播放地址[/ckplayer]

      发布文章时示例:

      [ckplayer]https://www.yaolou.com/abc.mp4[/ckplayer]

      使用说明

      请根据自己实际情况做相应修改

      请登录之后再进行评论

      登录
    • 发布
    • 做任务
    • 实时动态
    • 偏好设置
    • 帖子间隔 侧栏位置: