wordpress教程

WordPress集成ckplayer播放器教程

我的站长站 2019-06-18 人阅读

WordPress免插件集成CKPlayer播放器,首先在ckplayer官网下载资源包,将ckplayer文件夹放入所使用主题里(确保wp-content/themes/motheme/ckplayer/ckplayer.js存在),然后添加代码如下:

在主题的functions.php添加以下代码

function MBThemes_ckplayer_scripts() {wp_enqueue_script( 'ckplayer', get_bloginfo('template_url') . '/ckplayer/ckplayer.js', false, '', false);}add_action('wp_enqueue_scripts', 'MBThemes_ckplayer_scripts');add_shortcode("ckplayer","MBThemes_ckplayer_shortcode");function MBThemes_ckplayer_shortcode( $atts, $content=null ){$nonce = wp_create_nonce(rand(10,1000));return '<div id="ckplayer-video-'.$nonce.'" class="ckplayer-video" style="margin-bottom:30px;"></div>
<script type="text/javascript">
var videoObject'.$nonce.' = {
container:"#ckplayer-video-'.$nonce.'",
variable:"player",
autoplay:false,
video:"'.$content.'"
};
var player=new ckplayer(videoObject'.$nonce.');
</script>';}

然后在发布文章时在内容框里插入短代码 [ckplayer]视频url地址[/ckplayer] 即可。至于视频的样式可以通过js来自动调整长宽比例。


相关专题
播放器
播放器
2021-10-08 1238

播放器专题为您整理了本站关于播放器相关信息,主要为播放器插件,音乐视频播放器相关源码,程序整合播放器相关教程....

相关推荐
  • CKPlayer
  • 帝国cms7.5二次开发整合CKPlayer播放器教程

    教程说明将帝国cms7.5编辑器整合CKPlayer播放器,支持一个页面多个视频播放教程步骤1、下载ckplayer播放器,下载地址:http://www.ckplayer.com/down/ 2、解压后放置 /e/data/ckplayer/目录3、替换信息编辑器中的视频上传js控件,路径为:/e/admin/ecmseditor...

    帝国cms教程 445 5年前
  • ckplayer视频播放器织梦插件 v1.9
    ckplayer视频播放器织梦插件 v1.9

    插件前台效果插件主要功能1、网页在线播放flv、f4v、MP4等格式的视频,兼容手机端html5视频播放功能2、播放器的皮肤风格可随意更换,本站还提供了大量的ckplayer风格,logo以及左上角水印图片等等都可...

    织梦cms插件 671 5年前
  • WordPress集成ckplayer播放器教程

    WordPress免插件集成ckplayer播放器,首先在ckplayer官网下载资源包,将ckplayer文件夹放入所使用主题里(确保wp-content/themes/motheme/ckplayer/ckplayer.js存在),然后添加代码如下:在主题的functions.php添加以下代码function MBThemes_ckplayer_scripts...

    wordpress教程 215 5年前
最新更新