苹果cmsv10教程
解决苹果cmsv10版本ckplayer播放器高度自适应兼容问题
来源:m1938     阅读:43477

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




苹果cmsv10教程
相关推荐
苹果cms v10 程序网站搬家教程
马克斯MAXCMS4.0如何修改数据库表前缀
马克斯4.0后台错误无法登陆 显示错误号:-2147467259 详细的解决方法
苹果cmsv10系统增加分类打开提示打开提示,您没有权限访问此页面,请升级会员组
教你轻松找回/修改马克斯MAXcms后台管理员账号密码

首页

消息

购物车

我的