博华网络科技,点击查看详情

wordpress教程:短代码整合ckplayer

现在在wordpress集成播放功能的越来越多,如果您也想做个这样的功能其实也是非常的简单,只需要按照以下步奏添加代码即可。

  1. add_shortcode(“ckplayer”,“ipc_ckplayer”);
  2. function ipc_ckplayer( $atts, $content=null )
  3. {
  4. return ‘<embed name=”Player” id=”Player” src=”‘.get_stylesheet_directory_uri().‘/ckplayer/ckplayer.swf” flashvars=”f=’.$content.‘&p=0″ quality=”high” width=”650″ height=”400″ align=”middle” allowScriptAccess=”always” allowFullscreen=”true” type=”application/x-shockwave-flash”></embed>’;
  5. }

添加到主题functions.php里面其中如果您用的是解析需要把上面f替换下,如灯哥解析需要修改为a。
上面的代码不支持移动端,如果需要支持移动端 ,请添加以下代码

  1. add_shortcode(“ckplayer”,“ipc_ckplayer”);
  2. function ipc_ckplayer( $atts, $content=null ) {
  3. $code=“<div id=’air’></div>
  4. <script type=’text/javascript’>
  5. var flashvars={
  6. f:’解析地址?参数=”.$url.“‘,
  7. s:2,
  8. c:0
  9. }
  10. var video=[‘xxxx->video/mp4’];
  11. CKobject.embed(‘ckplayer地址’,’air’,’ckplayer_air’,’100%’,’100%’,false,flashvars,video);
  12. </script>”;
  13. return $code;

宽高值自己设定 p=0为 不自动播放,

使用代码:

<embed name="Player" id="Player" src="https://www.xhsay.com/wp-content/themes/ruike/ckplayer/ckplayer.swf" flashvars="a=视频地址&p=0" quality="high" width="100%" height="500" align="middle" allowScriptAccess="always" allowFullscreen="true" type="application/x-shockwave-flash"></embed>

 

人已赞赏
wordpress教程

wordpress教程:整合ckplayer播放列表

2020-5-26 12:40:25

wordpress教程

WordPress教程:对象缓存介绍和使用方法

2020-5-26 12:40:30

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索