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

  • 苹果cmsv10教程
  • 来源:烨模网
  • 编辑:烨模网
  • 时间:09/07
  • 阅读:44.05k

全站都是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+""})
       });




推荐教程
  • 马克斯CMS出现3002 错误描述:文件无法被打开原因
  • 马克斯CMS出现3002 错误描述:文件无法被打开原因
  • 生成静态页打开某个页面出现3002错误一般情况是缺少模板或者是你使用的模板不完整1.请检查模板文件是否存在2.数据--分类管理功能中查看是否指定了相关模板其他:采集时页面出现3002错误解决办法:清空浏览器cookie等临时文件试试,如果还
  • 马克斯max教程
  • 编辑:烨模网
  • 时间:09/07
  • 阅读:4.464k
  • 苹果MACCMSV10最新模板全局标签调用文档
  • 苹果MACCMSV10最新模板全局标签调用文档
  • 苹果MACCMSV10最新模板全局标签调用文档全局标签code   {$maccms.site_name}       网站名称   {$maccms.site_url}       &nb
  • 苹果cmsv10教程
  • 来源:烨模网
  • 编辑:烨模网
  • 时间:09/07
  • 阅读:62.43k
  • 常用网页自动跳转实现代码 网页自动跳转代码html
  • 常用网页自动跳转实现代码 网页自动跳转代码html
  • 很多站长都会用网页自动跳转来实现一些功能,本文整理五个网页自动跳转的方法来分享给大家,他们都能实现在指定时间后自动跳转到所需要的网页或链接的功能。第一种:支持定时的html网页跳转优点:简单缺点:在StrutsTiles框架中无法使用
  • 网站教程
  • 编辑:烨模网
  • 时间:09/07
  • 阅读:2.969k
  • 模板推荐
买家指南 | 隐私条款 | 免责声明 | 联系我们 | 网站地图
CopyRight © 2026 烨模网www.yemowang.com 版权所有 | 所有模板仅供学习交流,请勿用于违法或商业用途