WordPress纯代码集成ckplayer播放器

当我们想个性化网站中视频元素时,好比自界说播放器 logo,自界说视频中转动文字广告,自界说片头、片尾等等之类的,ckplayer 是我们一个不错的选择,ckplayer 支持 http 协议下的 flv,f4v,mp4,支持 rtmp 视频流和 rtmp 视频回放,支持 m3u8 花样,是一款很理想的播放器。WordPress免插件集成ckplayer播放器,首先在ckplayer官网下载资源包,将ckplayer文件夹放入所使用主题里(确保wp-content/themes/motheme/ckplayer/ckplayer.js存在),然后添加代码如下:

  1. function MBThemes_ckplayer_scripts() {
  2. wp_enqueue_script( 'ckplayer', get_bloginfo('template_url') . '/ckplayer/ckplayer.js', false, '', false);
  3. }
  4. add_action('wp_enqueue_scripts', 'MBThemes_ckplayer_scripts');
  5.  
  6. add_shortcode("ckplayer","MBThemes_ckplayer_shortcode");
  7. function MBThemes_ckplayer_shortcode( $atts, $content=null )
  8. {
  9. $nonce = wp_create_nonce(rand(10,1000));
  10. return '<div id="ckplayer-video-'.$nonce.'" class="ckplayer-video" style="margin-bottom:30px;"></div>
  11. <script type="text/javascript">
  12. var videoObject'.$nonce.' = {
  13. container:"#ckplayer-video-'.$nonce.'",
  14. variable:"player",
  15. autoplay:false,
  16. video:"'.$content.'"
  17. };
  18. var player=new ckplayer(videoObject'.$nonce.');
  19. </script>';
  20. }

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

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!3308869544
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有猫币奖励和额外收入!

主题镇 WP教程 WordPress纯代码集成ckplayer播放器 https://zhutizhen.com/14474.html

永远为用户服务的镇长!

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或联络我们。
查看详情

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务