首页 > 苹果教程文章正文

解决苹果cmsv10版本ckplayer播放器高度自适应兼容问题(ckplayer播放器如何使用)

苹果教程 2025-11-18 00:00:00 facai1688
后台-插件-广告管理-内容页头部广告(手机)




全站都是mp4直连的话,以上问题css可以解决,css代码如下.MacPlayer table { display: block; }如果还要使用解析接口或者m3u8资源的话,以上方法会受影响

全站都是mp4直连的话,以上问题css可以解决,css代码如下.MacPlayer table {     display: block; }
如果还要使用解析接口或者m3u8资源的话,以上方法会受影响,可考虑下面终极方案。
假如我的播放器放在
      {$player_data}
{$player_js}
设置好Player的css高度,后面的都以这个为准,所以这个很重要。
用jq获取.Player的宽高,这个高度和宽度存入变量,在子容器也就是视频高度应用这个.Player的宽高,
说简单点就是让视频高度和宽度实时等于
高度和宽度。$(document).ready(function(){
var playleftHeight=$(".Player").height(); //获取父级高度      var playleftWidth=$(".Player").width(); //获取父级宽度                //解析接口自适应父级div       $("#playleft iframe").css({"height":""+playleftHeight+"","width":""+playleftWidth+""})
//m38u或mp4直链自适应父级div      $("#playleft").css({"height":""+playleftHeight+"","width":""+playleftWidth+""})
});

后台-插件-广告管理-内容页尾部广告(手机)

标签: 苹果CMS教程   苹果CMS漏洞修复   苹果CMS优化教程   苹果CMS漏洞   苹果CMS系统教程   苹果CMS木马清除

发表评论

评论列表

免责申明:苹果cms模板网所有模板插件资源收集来源于互联网,如有侵权你的版权请联系告知我们删除!
Copyright @ 2011-2025 苹果cms模板网 All Rights Reserved.