欢迎来到m1938工作室
帮助中心

解决苹果cmsv10版本ckplayer播放器高度自适应兼容问题

  • 苹果cmsv10教程
  • 来源:m1938
  • 编辑:m1938
  • 时间:09/07
  • 阅读:43656

全站都是mp4直连的话,以上问题css可以解决,css代码如下

.MacPlayer table {     display: block; }



如果还要使用解析接口或者m3u8资源的话,以上方法会受影响,可考虑下面终极方案。


假如我的播放器放在

      <div class="Player">      {$player_data}
     {$player_js}
   </div>


设置好Player的css高度,后面的都以这个为准,所以这个很重要。

用jq获取.Player的宽高,这个高度和宽度存入变量,在子容器也就是视频高度应用这个.Player的宽高,
说简单点就是让视频高度和宽度实时等于<div class="Player">高度和宽度。

 $(document).ready(function(){[/backcolor]
     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+""})
       });




全部评论(0)
推荐教程
  • MaxCMS4.0整合ckplayer6.4[支持手机]
  • MaxCMS4.0整合ckplayer6.4[支持手机]
  • MaxCMS4.0整合ckplayer6.4教程制作第一下载ckplayer6.4  解压至/js/目录下第二进入  /js/play.js  打开此文件  在最后面添加下面代码/*程序申明:请保留注释信息谢谢程序出处:http://www.ck
  • 马克斯max教程
  • 编辑:m1938
  • 时间:09/07
  • 阅读:6721
  • 苹果cms播放器不能全屏播放解决方法
  • 苹果cms播放器不能全屏播放解决方法
  • 如果播放器被包含在iframe里,尝试在iframe上添加allowfullscreen属性。默认状态,内部的元素是无法开启全屏状态。通过为设置allowfullscreen属性可以设置它内部元素允许开启全屏状态。allowFullScre
  • 苹果cmsv10教程
  • 来源:m1938
  • 编辑:m1938
  • 时间:09/07
  • 阅读:5288
  • 苹果cmsv10如何生成首页和删除已生成的首页
  • 苹果cmsv10如何生成首页和删除已生成的首页
  • 网站在全部设置完毕后为了加快页面打开浏览速度减轻服务器负担有的站长会把网站首页生成html静态页面,具体操作方法如下1,系统管理后台–生成—生成首页,这样一个网站的首页就生成了静态的“index.html”文件。苹果cms2,有些时候我们发
  • 苹果cmsv10教程
  • 来源:m1938
  • 编辑:m1938
  • 时间:09/07
  • 阅读:8915
  • 苹果cmsv10如何开放api采集接口供他人采集
  • 苹果cmsv10如何开放api采集接口供他人采集
  • 操作步骤:苹果cms管理后台:系统>>开放API配置>>①接口开关:开启②是否收费:根据自己需求设置③列表每页显示数量:建议默认20④图片域名:显示图片的完整访问路径所需要,以http:开头,/结尾,不包含upload目录"(如
  • 苹果cmsv10教程
  • 来源:m1938
  • 编辑:m1938
  • 时间:09/07
  • 阅读:8708
本站声明 请在遵守中华人民共和国法律法规的情况下使用本站模板,严禁将M1938模板网的模板用在涉黄、涉黑、涉赌、涉毒、涉电信诈骗等任何涉嫌违法活动站点,本站所有代码模板仅供学习交流使用,请勿用于商业用途,及违法侵权行为使用均与本站无关!
CopyRight © 2026 M1938模板网 版权所有 | 模板仅供学习参考,请勿用于违法或商业用途